설 연휴의 한가운데, 친척/지인들과 가볍게 즐길 윷놀이 웹 게임을 만들어봤습니다
쭌디렉터

Lv.1 쭌디렉터 (180.♡.253.58)

2026년 2월 16일 PM 02:36 · 수정됨(02. 17. 00:48)

조회 583 공감 0

https://junyeol.com/yutnori


지난 추석 즈음 친구들과 윷놀이나 한 판 할까 싶어 알아보는데, 온라인 윷놀이랄게 한게임 윷놀이밖에 없어서... 군대 가 있는 친구들이랑은 함께 즐기지를 못하겠더군요.


그래서 아싸리 좀 만들어보자 싶어서, React에 Three.js 기반으로 함 만들어봤습니다.

기초 틀 자체는 antigravity와 codex 이용해서 바이브 코딩 형태로 구현했고요.


물리엔진은 처음 다뤄보는거라 정말 수 차례 시행착오를 거쳤고, 나름 최적의 값을 찾아 KBS에서 보도한 실제 윷놀이의 확률과 비슷하게 맞춰두었습니다. 여전히 팽이처럼 빙글빙글 돌기도 하고, 사실 완벽하진 않긴 합니다.

오라클 클라우드 프리 티어 서버라서... arm 기반이다보니 여기서 오는 어려움도 있었고요. 맥의 로제타2는 참 대단했습니다... ㅋㅋㅋ

광고 없으니 편하게 들어와서 한번 경험해보시고, 부족하거나 아쉬운 점은 댓글로 남겨주시면 그때그때 반영해서 수정하도록 하겠습니다.

댓글로 Room ID 공유하셔서 앙님들끼리 함께 즐기시는 것도 좋을 것 같습니다.


PC 버전이 가장 재밌게 즐길 수 있도록 신경을 많이 쓰긴 했는데, 모바일에서도 비슷한 재미를 느끼실 수 있도록 했습니다.

윷 던지기 모션 나올 때 해당 부분 터치해서 이리저리 움직이거나, 핀치 줌 인/아웃 해보시면 이게 단순 몇 가지 화면을 돌려막기 하는 게 아니라, 실제로 윷 던지기가 구현되어 있는 걸 아실 수 있을거예요.

물론, 낙이 연달아 나온다던지, 윷/윷/모 이런 식으로 나온다던지 테스트할 때 가끔 그런 경우가 있긴 했는데, 매 차례마다 독립 시행이라 이전의 결과에 영향을 받지 않으니 그 또한 어디까지나 운입니다 ㅋㅋㅋ


이제 설 연휴의 딱 한 가운데네요. 모두 새해 복 많이 받으시고, 행복하게 연휴 마무리하셨으면 좋겠습니다!

댓글 (4)

  • 쿠스콩 Lv.1

    02.16 · 218.♡.224.142

    윷이 옆으로 누워서 읽기가 어렵네욬ㅋㅋ
  • 쭌디렉터

    쭌디렉터 Lv.1 → 쿠스콩 작성자

    02.16 · 180.♡.253.58

    그게 어떻게 해도 안 됩니다... ㅋㅋㅋ
    원래는 물리적인 모델을 반원기둥으로 했었는데, 이게 상당히 불안한 구조인지 바닥이랑 닿으면 막 날라가고 그래서, 구체와 박스 조합으로 변경을 했습니다. 그런데 이러면 옆으로 좀 눕더군요.
    그래서 바닥면을 기준으로 90도 이상 뒤집어지면 뒤집어진 것으로, 그 이하이면 똑바로 선 것으로 판단하도록 했습니다.

    뭐 실제 윷가락도 비슷한 경우가 있으니... 하며 그냥 넘어갔습니다 ㅋㅋ

    자세히 이리저리 돌려보시고, 줌 인 해보시면 그래도 위의 기준에 따라 결과 판정은 정확하게 합니다. 결과 뜨는 걸 믿으십쇼 ㅋㅋㅋ
  • 긍정파워

    긍정파워 Lv.1

    02.16 · 220.♡.84.226

    재밌네요. 약간 버그? 알수없는 버그도 있지만 잘됩니다.
    "재시작" 기능이 있으면 좋겠습니다
  • 쭌디렉터

    쭌디렉터 Lv.1 → 긍정파워 작성자

    02.17 · 180.♡.253.58

    재시작도 검토해보겠습니다. 현재로서는 모든 플레이어가 새로고침 등으로 방을 나갔다가 다시 접속하면 되긴 합니다.

    자잘한 알 수 없는 버그들은… 사실 원인을 잘 몰라서… ㅋㅋㅋ 대응하기 어렵긴 합니다만, 최대한 케이스들 모아서 분류 중입니다

댓글을 작성하려면 이 필요합니다.