세 줄 요약
- 윷은 사람이 던지고 결과만 전자칠판에서 누르는 교회용 윷놀이 판을 AI로 하루 만에 만들었습니다.
- 말은 사사 네 명. 에훗의 왼손 칼처럼 성경의 특징을 하나씩 들게 한 것은 AI에게 맡기지 않은 '가르침의 결정'이었습니다.
- AI 그림이 윷판에 없는 가짜 칸 4개를 그려 넣어서, 올리브나무와 우물로 덮었습니다.
교회에서 윷놀이를 하면 늘 같은 장면이 나옵니다. 윷가락이 날고 다들 소리를 지르는데, 정작 말판이 보이는 사람은 바닥에 깔린 종이 앞의 네댓 명뿐입니다. 나머지는 계속 묻습니다. "그래서 지금 누가 이기고 있어요?"
그래서 2026년 9월 26일, AI 코딩 도우미 클로드(Claude)와 이미지 AI를 붙잡고 고쳐 보기로 했습니다. 윷은 여전히 사람이 직접 던지고, 결과만 교육관 전자칠판에서 누르면 큰 말판 위에서 말이 움직이게. 그날 저녁 실제로 돌아갔습니다. 이 글은 그중 말판과 캐릭터 이야기입니다.
교육관 전자칠판에 띄운 사사기 윷판
먼저 평범하게, 잘 돌아가게
첫 버전은 평평하고 단순한 웹 페이지였습니다. 결과(도·개·걸·윷·모·빽도)를 누르고 말을 누르면 한 칸씩 이동합니다. 잡기, 업기, 한 번 더, 지름길, 되돌리기까지 넣었습니다. 잘 돌아가자 욕심이 생겼고, 이 버전은 보관해 두고 같은 규칙으로 두 번째 버전을 만들었습니다.
말을 사사 네 명으로
가을 설교 시리즈가 사사기라서 말을 사사로 정했습니다. 캐릭터는 이미지 AI(힉스필드의 GPT Image 모델)로 만들었는데, 설명 없이도 누군지 알아보도록 성경이 알려 주는 특징을 하나씩 들게 했습니다.
- 에훗: 왼손에 짧은 칼(삿 3:12–30)
- 드보라: 종려나무 가지를 든 여사사(삿 4–5장)
- 기드온: 한 손에 횃불, 다른 손에 나팔(삿 7장)
- 삼손: 사자 갈기 가죽을 두른 근육질(삿 14장)
왼손 칼과 사자 가죽은 양보할 수 없었습니다
이 목록은 AI에게 넘기지 않았습니다. AI는 무엇이든 그려 주지만, 아이가 에훗에게서 무엇을 눈여겨봐야 하는지는 가르치는 사람이 정할 일입니다.
3D로 만들었다가 그림 한 장으로
'모두의 마블'처럼 3D 섬 위에 말판을 올린 버전을 클로드가 three.js로 만들었습니다. 잘 돌아갔지만 어색했습니다. 코드로 그린 3D 판과 그림 캐릭터가 서로 다른 세계에서 온 것 같았습니다.
그래서 판 전체를 그림 한 장으로 그리고 말만 그 위에서 움직이게 바꿨습니다. 요령은 이렇습니다. 3D 판을 원하는 각도에서 찍어 이미지 AI에 참고 그림으로 넘기면, 돌아온 그림의 칸 위치가 3D와 거의 같습니다. 그래서 3D에서 계산한 말 좌표를 대부분 그대로 쓸 수 있었습니다.
왼쪽: 참고용 3D 모형. 오른쪽: 성막·신전·성문·마을이 들어간 완성 그림
건물 방향도 정했습니다(성막 입구 3시, 신전 8시, 성문 4시). 솔직히 여러 번 해도 성막은 정확히 3시를 보지 않습니다. 이미지 AI는 '성막'은 잘 그려도 '이 각도로 돌린 성막'에는 약합니다.
"16:9에 맞춰 줘"라고 했을 때는 정사각형 그림을 옆으로 늘려 버렸습니다. 제가 원한 건 그림이 화면을 채우고 메뉴가 풍경 위에 떠 있는 모습이었습니다. 결국 16:9 그림을 처음부터 새로 그렸습니다. 눈에 보이는 생각을 말로 전하는 건 AI 상대라도 어렵습니다.
있으면 안 되는 칸 네 개
가장 흥미로운 실패였습니다. 윷판은 29칸인데 그림에는 33칸이 있었습니다. 이미지 AI가 참고 그림의 장식 몇 개를 진짜 같은 칸 네 개로 그려 넣은 겁니다. 한참 시험하고서야 알았습니다.
다시 그리면 모든 게 뒤섞이니, 올리브나무와 돌우물을 배경 없는 그림으로 만들어 가짜 칸 위에 덮었습니다. 광장이 오히려 더 보기 좋아졌습니다.
전: 게임에 없는 칸 네 개. 후: 올리브나무와 우물
진짜 칸들도 몇십 픽셀씩 어긋나 있었습니다. 클로드가 그림에서 칸을 자동으로 찾아 대부분 바로잡았고, 나머지는 '칸 위치 조정 모드'를 만들어 제가 직접 끌어다 맞췄습니다. AI가 90%, 제 눈과 손가락이 10%였습니다.
교훈 하나. 조정값이 처음에는 브라우저 저장소에만 있었는데, 시험 중에 저장소가 지워지면서 몽땅 날아갔습니다. 복구한 뒤로는 조정값을 코드 안에 넣어 둡니다.
음악과 효과음, 그리고 실제로 한 판 하는 방법은 2편에 이어집니다.
사사기 윷판 제작기
- AI로 그린 말판과 사사 캐릭터 (지금 읽는 글)
- 음악·효과음 만들기와 실제로 한 판 하는 법