가이드

HTML5 퍼즐 게임 소스 코드: 구성과 구매 전 확인 사항

완성된 논리 퍼즐의 레벨, 일일 퍼즐, TypeScript 소스, 호스팅을 Frogdoku를 예로 들어 살펴봅니다.

2026년 10월 29일

무료 HTML5 게임 코드는 쉽게 찾을 수 있습니다. 하지만 실제 레벨과 일일 퍼즐, 문서화된 소스를 갖추고 테스트까지 마친 완성 퍼즐 게임은 찾기 어렵고, 바로 출시할 수 있는 소스 코드를 찾는 구매자 대부분이 원하는 것은 바로 이쪽입니다.

Frogdoku는 규칙이 하나뿐인 논리 퍼즐입니다. 모든 행, 모든 열, 모든 색깔 연못에 개구리를 정확히 한 마리씩 놓되, 개구리끼리 서로 닿으면 안 됩니다. 이 글에서는 이 에디션을 예로 들어 어떤 퍼즐 템플릿에서든 확인해야 할 사항을 안내합니다.

레벨 수와 모드부터 확인하십시오

구매자용 에디션에는 개울을 따라 이어지는 여섯 구간에 걸친 캠페인 퍼즐 180개, 일일 퍼즐 달력, Endless 모드와 Relax 모드, 트로피, 실행 취소와 다시 실행, 도우미 기능이 들어 있습니다. Ribi의 옷장은 진행에 따른 보상입니다.

레벨 수는 표지 그림보다 중요합니다. 레벨이 20개인 템플릿은 프로토타입에 가깝고, 180개인 템플릿은 완성 게임에 가깝습니다. 레벨을 어떻게 만들었고 각 레벨을 어떻게 검증했는지 판매자에게 물어보십시오. 풀 수 없는 퍼즐은 플레이어를 가장 빨리 떠나게 만듭니다.

소스는 TypeScript로 작성되어 있으며 테스트와 서드파티 라이선스 고지가 함께 제공됩니다. 패키지 파일 목록에는 JSON도 있고, game 폴더는 그림, 오디오, 폰트를 모두 로컬에 담은 바로 호스팅 가능한 빌드입니다.

퍼즐 템플릿은 짧은 시간 안에 판단할 수 있습니다. 첫 구간을 휴대폰에서 한 번, 노트북에서 한 번 플레이하면서 탭이나 드래그가 느리거나 헷갈리는 곳을 적어 두십시오. 마지막 수를 여러 번 실행 취소하고, 그때마다 판이 이전 상태로 돌아가는지 확인하십시오.

그다음 소스를 열고 테스트 이름을 읽어 보십시오. 퍼즐 규칙의 이름이 붙은 테스트를 찾으면 됩니다. 테스트가 있는 규칙은 화면에 보이기만 하는 것이 아니라 코드로 강제되고 있다는 뜻입니다.

이 가이드의 다른 템플릿과 마찬가지로, 구매자용 에디션은 JavaScript와 오디오를 지원하는 최신 브라우저와 정적 HTTP(S) 호스팅이 필요합니다. 데이터베이스와 제작자 계정은 필요하지 않습니다.

퍼즐을 올릴 폴더에 game/ 폴더의 내용을 업로드하십시오. 다시 빌드는 TypeScript 소스를 수정할 때만 필요합니다.

Frogdoku에는 클라우드 저장, 온라인 순위, 실제 결제, 광고 SDK가 없으며, 일반 플레이 중에는 이런 서비스로 요청을 보내지 않습니다. 진행 상황은 현재 사용 중인 브라우저에 저장됩니다.

네이티브 앱, 호스팅, 맞춤 개발은 포함되지 않습니다. 일일 퍼즐은 달력의 일부이며, 플레이하는 데 온라인 순위가 필요하지 않습니다.

아니요. game/ 폴더의 내용을 HTTP(S) 호스팅에 업로드하면 됩니다. 다시 빌드는 TypeScript 소스를 수정할 때만 필요합니다.

현재 사용 중인 브라우저에 로컬로 저장됩니다.

아니요. 일일 퍼즐은 온라인 순위 없이도 플레이할 수 있으며, 진행 상황은 플레이어의 브라우저에 저장됩니다.

결제 화면에 표시되는 Polar Games 마켓플레이스 약관이 적용됩니다.

이런 퍼즐은 학습 사이트, 블로그에서 매일 푸는 퍼즐 코너, 직접 손볼 완성된 논리 게임이 필요한 스튜디오에 잘 맞습니다. 순위전이나 계정이 필요한 프로젝트에는 맞지 않습니다. 그런 기능은 이 에디션의 범위 밖이기 때문입니다.