직소 퍼즐

직소 퍼즐이란

직소 퍼즐(jigsaw puzzle)은 한 장의 그림을 여러 조각으로 잘라 흩어 놓고, 조각의 모양과 그림을 단서로 원래 그림을 다시 맞추는 퍼즐입니다. 오늘날 흔히 보는 조각은 네 변에 둥근 볼록 머리(탭)와 그 머리가 들어갈 오목한 홈이 있어 이웃 조각과 맞물리고, 그림 가장자리의 조각만 한 변 이상이 곧게 잘려 있습니다. 규칙은 단순하지만 조각 수가 늘수록 색·무늬를 보고 자리를 추리하는 재미가 커져, 어린이 교구부터 수천 조각짜리 취미용까지 폭넓게 만들어집니다.

처음 상품으로 나온 것은 18세기 영국의 지도 퍼즐입니다. 영국 빅토리아 앤드 앨버트 박물관(V&A)의 소장품 기록에 따르면 판화가 존 스필스버리(John Spilsbury, 1739~1769)가 이 "잘린 퍼즐"(dissected puzzle)을 처음 만든 사람으로 꼽히며, 그의 퍼즐은 1760년대에 나온 가장 이른 상품입니다. 종이에 인쇄한 지도를 주로 마호가니 나무판에 붙인 뒤 모양대로 잘라, 아이들이 지도를 맞추며 지리를 익히게 한 교구였습니다. V&A에는 1766년 무렵의 스코틀랜드(20조각)·아일랜드(32조각) 지도 퍼즐과, 주(州) 하나가 조각 하나인 1767년의 잉글랜드·웨일스 지도 퍼즐(54조각) 등이 남아 있습니다.

기네스 세계 기록은 스필스버리가 1766년에 만든 유럽 지도 퍼즐을 최초의 직소 퍼즐로 올려 두었습니다. 나무판에 붙인 지도를 나라 경계를 따라 실톱으로 자른 것으로, 당시에는 "디섹션"(dissection)이라고 불렀고 "jigsaw puzzle"이라는 말은 1906년에 처음 기록되었다고 적고 있습니다. 이름의 jigsaw는 같은 이름의 톱에서 왔습니다. 20세기 들어서도 한동안은 조각이 서로 맞물리지 않는 퍼즐과 맞물리는 퍼즐이 함께 만들어졌는데, V&A에는 1930년 무렵 영국에서 만든 맞물리지 않는 약 150조각 퍼즐과, 1927~1930년에 실톱으로 잘라 만든 98조각 맞물림 퍼즐이 함께 소장되어 있습니다.

이 페이지의 퍼즐은 그런 실물 퍼즐을 화면으로 옮긴 것입니다. 조각을 끌어 판의 제자리 가까이 놓으면 저절로 맞춰지고, 실물 퍼즐에서 맞물린 조각을 함께 들어 옮기듯 맞는 이웃끼리 붙은 묶음은 함께 움직입니다. 기본 그림 6가지는 모아모앙이 코드로 직접 그렸고, 내 사진으로도 만들 수 있습니다.

하는 법

1. 그림을 고릅니다. 열기구·노을 바다·산과 호수·튤립 꽃밭·밤의 도시·색 무늬 가운데 하나를 누르거나, 내 사진을 선택합니다. 사진 파일을 도구 위로 끌어다 놓아도 됩니다.
2. 조각 수를 고르고 시작합니다. 버튼 옆에 실제 칸 수(예: 가로 8 × 세로 6 = 48조각)가 나오고, 놀이판에는 조각 선이 그려진 미리보기가 보입니다. 시작을 누르면 판마다 새로 만든 모양의 조각이 판 둘레(넓은 화면)나 판 아래(세로 화면)에 흩어집니다.
3. 조각을 끌어 맞춥니다. 가운데의 진한 칸이 그림이 완성될 판입니다. 조각을 제자리 가까이 가져가 놓으면 딸깍 맞춰져 고정되고, 맞은 조각 수가 위의 맞춘 조각 칸에 올라갑니다. 판 밖에서도 원래 이웃인 두 조각을 맞는 자리로 붙여 놓으면 하나로 붙어 함께 움직입니다.
4. 모두 맞추면 완성입니다. 완성 화면에 걸린 시간과 이동 횟수가 나오고, 조각 선이 사라진 완성 그림을 볼 수 있습니다. 다시 하기를 누르면 같은 그림·같은 조각 수에 조각 모양과 배치가 새로 바뀝니다.

휴대폰에서는 게임 중에 놀이판 위를 손가락으로 밀어도 페이지가 스크롤되지 않도록 막아 두었습니다. 조각을 끄는 동안 화면이 움직이지 않게 하기 위해서이며, 페이지를 위아래로 움직일 때는 놀이판 바깥(위의 버튼 줄이나 아래 안내 줄)을 밀면 됩니다. 시작하기 전과 완성한 뒤에는 놀이판 위에서도 그대로 스크롤됩니다.

조각 수와 난이도

조각 수는 대략의 목표이고, 실제로는 조각 하나가 정사각형에 가깝도록 그림의 가로세로 비율에 맞춰 가로·세로 칸 수를 정합니다. 그래서 4:3 그림은 고른 수와 똑같이 나오지만, 정사각형 사진은 150을 고르면 가로 12 × 세로 12 = 144조각, 300을 고르면 가로 17 × 세로 18 = 306조각처럼 조금 달라질 수 있습니다. 기본 그림 6가지는 모두 4:3입니다.

테두리 조각 수는 가로 칸 수를 c, 세로 칸 수를 r이라 할 때 2 × (c + r) − 4개입니다. 조각 수가 적을 때는 대부분이 테두리 조각이라 모양만 보고도 자리를 찾을 수 있지만, 늘어날수록 안쪽 조각의 비율이 커져 그림의 색과 무늬를 읽어야 합니다. 48조각은 테두리와 안쪽이 24개씩으로 같고, 300조각은 안쪽이 234개로 넷 중 셋이 넘습니다. 같은 조각 수라도 그림에 따라 체감 난이도가 크게 달라서, 색이 고루 섞인 색 무늬나 열기구는 쉽고, 하늘이나 물이 넓은 산과 호수·노을 바다는 더 어렵습니다.

150조각 이상은 휴대폰 화면에서 조각 하나가 손가락보다 작게 보이므로 확대해 가며 맞추는 것이 좋습니다. 확대하면 조각 그림을 그 크기에 맞춰 다시 만들어, 크게 보아도 흐려지지 않습니다(사진 원본 해상도까지).

맞추는 요령

• 테두리부터 맞춥니다. 한 변 이상이 곧은 조각이 테두리이고, 곧은 변이 두 개인 조각은 네 귀퉁이입니다. 테두리만 보기를 켜고 귀퉁이 네 개를 먼저 판 모서리에 놓은 뒤 테두리를 이어 가면, 안쪽 조각이 들어갈 틀이 생깁니다.
• 색과 무늬로 무리를 짓습니다. 하늘, 물, 건물, 꽃처럼 생김새가 비슷한 조각끼리 탁자의 한쪽에 모아 두면 찾는 범위가 줄어듭니다. 판 밖에서 먼저 맞춰 붙인 묶음을 통째로 판에 옮겨도 됩니다.
• 그림의 선을 따라갑니다. 산등성이, 수평선, 지붕선, 열기구의 줄무늬처럼 그림을 가로지르는 선은 이웃 조각으로 이어집니다. 조각 가장자리에 걸친 선의 기울기와 색을 보고 이어질 조각을 고릅니다.
• 조각 모양을 봅니다. 볼록 머리가 있는 변의 이웃은 그 자리에 오목한 홈이 있어야 하고, 머리의 위치가 변 가운데에서 조금씩 비켜나 있어 비슷한 색의 조각 가운데서도 맞는 짝을 가릴 수 있습니다.
• 막히면 미리보기를 엽니다. 손에 든 조각의 색이 그림 어디쯤인지 완성 그림과 비교해 보면 놓을 구역을 좁힐 수 있습니다.

그림을 완성해 가는 퍼즐을 하나 더 해 보고 싶다면, 가로·세로 숫자 단서로 칸을 칠해 숨은 그림을 찾는 노노그램도 있습니다.

조각 모양과 맞춤 판정

조각 모양은 시작을 누를 때마다 브라우저의 암호용 난수(crypto.getRandomValues)로 뽑은 번호 하나에서 만듭니다. 이웃한 두 조각이 함께 쓰는 변마다 머리를 어느 쪽으로 낼지, 머리가 변 가운데에서 얼마나 비켜날지, 머리와 목의 굵기와 높이, 양옆 어깨의 물결을 정하고, 이 점들을 부드러운 곡선(3차 베지어)으로 잇습니다. 한쪽 조각에 볼록 머리로 그려진 곡선이 이웃 조각에는 같은 곡선을 반대 방향으로 따라간 오목 홈이 되므로, 두 조각은 빈틈이나 겹침 없이 꼭 맞습니다. 그림 바깥쪽 변은 모두 곧은 선입니다.

조각을 놓을 때는 조각이 놓여야 할 제자리와의 거리를 가로·세로로 따로 잽니다. 둘 다 조각 짧은 변의 24% 이내이면 제자리로 끌어당겨 고정합니다. 다만 화면에서 조각이 작게 보일 때 너무 정확히 놓아야 하지 않도록 이 거리는 화면에서 14px보다 좁아지지 않게 하고, 대신 조각 짧은 변의 45%를 넘지 않게 했습니다. 판 밖에서 두 묶음이 붙는 조건도 같아서, 원래 이웃인 조각끼리 서로의 제자리 관계에서 이 거리 안에 놓이면 하나로 붙습니다. 원래 이웃이 아닌 조각은 아무리 가까이 놓아도 붙지 않습니다.

내 사진으로 만들기

내 사진을 고르면 브라우저가 사진을 읽어 화면 안의 캔버스에 다시 그린 뒤, 그 그림을 조각으로 나눕니다. 사진은 서버로 전송되지 않고, 브라우저 저장소에도 남기지 않습니다. 사진을 읽으려고 잠깐 만든 내부 주소(Object URL)는 캔버스에 옮겨 그린 직후 해제하며, 페이지를 닫거나 새로 고치면 퍼즐 그림도 함께 사라집니다.

• 형식: JPG·PNG·WebP 등 브라우저가 열 수 있는 사진과 아이폰의 HEIC. 브라우저가 HEIC를 직접 열지 못하면 고른 뒤에 변환 모듈을 불러와 브라우저 안에서 JPG로 풀어 읽습니다. 파일은 50MB까지입니다.
• 크기: 긴 변이 1,600px이 되도록 줄이거나 늘려서 씁니다. 작은 사진은 늘어난 만큼 흐리게 보일 수 있습니다. 휴대폰 사진의 회전 정보(EXIF)는 브라우저가 반영해 바로 선 방향으로 읽습니다.
• 비율: 가로세로 비가 2:1보다 넓거나 1:2보다 긴 사진은 가운데를 그 비율까지 잘라 씁니다. 파노라마나 세로로 긴 화면 캡처가 여기에 해당하며, 잘렸다면 사진 이름 옆에 알려 줍니다. 원하는 부분만 퍼즐로 만들고 싶다면 사진 자르기로 먼저 잘라 저장한 뒤 그 파일을 고르면 됩니다.

기본 그림 6가지(열기구, 노을 바다, 산과 호수, 튤립 꽃밭, 밤의 도시, 색 무늬)는 외부 이미지를 내려받지 않고 모아모앙이 코드로 그린 것이라, 그림을 고를 때도 네트워크를 쓰지 않습니다.

자주 묻는 질문

역사 부분은 V&A 소장품 기록(John Spilsbury의 잉글랜드·웨일스 지도 퍼즐 O1404258, 스코틀랜드 O1241758, 아일랜드 O1242086, 1920~30년대 퍼즐 O27032·O27049, collections.vam.ac.uk)과 기네스 세계 기록 "First jigsaw puzzle"(guinnessworldrecords.com)을 참고했습니다(2026년 10월 확인). 퍼즐은 브라우저 안에서만 동작하며 그림·사진과 기록을 저장하지 않습니다.