컬러 소트 퍼즐 소스코드, 무엇부터 바꿀까 (워터 소트형)
Mochi Monsters를 예로 규칙, 파일, 하나뿐인 설정 파일, 다시 빌드가 필요한 수정 사항을 살펴봅니다.
컬러 소트 퍼즐 소스코드를 사는 것은 이동 규칙, 레벨 생성기, 저장 시스템을 직접 만들지 않고 자기 사이트에 워터 소트 스타일 게임을 올리고 싶을 때 합리적인 선택입니다. Mochi Monsters가 바로 그런 패키지입니다. 세 개의 월드에 60개 레벨, Endless 모드, 읽기 쉬운 TypeScript, 바로 호스팅할 수 있는 게임 폴더가 들어 있으며 정가는 $39입니다.
워터 소트, 볼 소트, Mochi Monsters의 규칙은 같습니다. 빈 용기나 맨 위가 같은 종류인 곳으로만 옮길 수 있습니다. 템플릿끼리 차이가 나는 것은 이 규칙을 둘러싼 나머지 전부입니다. 이 글은 구매자가 패키지를 접하는 순서대로 살펴보고, 5분이면 끝나는 수정과 개발자가 필요한 수정으로 마무리합니다.
정렬 규칙과 그 위에 더한 두 가지 장치
플레이어는 둥지 하나를 탭하고, 이어서 다른 둥지를 탭합니다. 맨 위의 젤리 친구 무리는 목표 둥지가 비어 있거나 맨 위 친구가 같은 종일 때만 건너갑니다. 모든 둥지에 한 종만 남으면 보드가 풀립니다. 힌트, 되돌리기, 다시 시작이 기본으로 들어 있습니다.
두 가지 장치 덕분에 60개 레벨이 같은 레벨의 반복처럼 느껴지지 않습니다. 조개 뚜껑은 둥지를 덮고 있다가, 뚜껑에 그려진 종으로 그 둥지를 채우면 열립니다. 되돌리기를 하면 다시 닫힐 수 있습니다. 서로 연결된 밀물 둥지는 한쪽이 비면 자리를 맞바꾸기 때문에, 플레이어가 세운 계획 아래에서 보드가 바뀝니다.
구매자에게 이 장치들이 중요한 이유는 이미 구현과 테스트가 끝났기 때문입니다. 평범한 정렬 게임에 이런 장치를 넣는 작업은 예상보다 오래 걸리는 경우가 많고, 대부분은 되돌리기와 얽힌 예외 상황 때문입니다.
컬러 소트 퍼즐 소스코드에 포함된 것
- Sugar Meadow, Bubble Beach, Mushroom Village에 걸친 캠페인 60레벨(월드당 20레벨)
- 레벨 20 이후 열리는 시드 기반 Endless 모드
- 컬렉션 앨범, 인터랙티브 정원, 플레이로 모은 Sugar Drops로 사는 모자 여섯 종
- 터치·마우스 조작, 로컬 저장, 움직임 줄이기 옵션
- 바로 호스팅할 수 있는 game/ 폴더, 읽기 쉬운 JavaScript·TypeScript 소스, 설정, 테스트, 라이선스 고지
- 14개 언어로 된 오프라인 그림 가이드(스크린숏은 영어)
인터페이스는 14개 언어를 지원합니다. 영어, 포르투갈어, 스페인어, 프랑스어, 독일어, 이탈리아어, 네덜란드어, 폴란드어, 터키어, 러시아어, 인도네시아어, 일본어, 한국어, 중국어 간체입니다. 가이드는 읽는 사람의 언어에 맞춰 자동으로 표시됩니다.
기술 스택은 Canvas 2D 위의 TypeScript와 JavaScript, 그리고 Web Audio입니다. 파일 형식은 HTML, CSS, JavaScript, JSON, TypeScript, WebP, PNG, MP3입니다.
프로젝트 구성
패키지를 세 개의 층으로 생각하면 쉽습니다. 층마다 필요한 작업량이 다릅니다.
1층: 호스팅용 게임
game/ 폴더는 완성본입니다. 내용을 정적 HTTP(S) 호스팅에 올리면 바로 실행됩니다. 여기서는 빌드가 필요 없습니다.
2층: 설정 파일
mochi.config.js는 index.html 옆에 있습니다. 브라우저 제목, 로고, 시작 언어, 저장 키를 정합니다. 값을 바꾸고 파일을 올린 뒤 페이지를 새로고침하면 끝입니다. 여전히 빌드는 필요 없습니다.
3층: TypeScript 소스
규칙, 그래픽, 레벨, 모자 가격은 소스에 있습니다. 이것들을 바꾸려면 TypeScript를 수정하고 npm으로 다시 빌드해야 하며, Node.js 22.13 이상이 필요합니다. 소스에는 레벨 생성 도구와 규칙·레벨·저장·번역을 검사하는 자동 테스트 52개가 들어 있습니다.
컬러 소트 게임 템플릿에서 먼저 바꿀 것
빌드가 필요 없는 수정부터 개발자 작업까지, 권장하는 순서입니다.
- mochi.config.js에서 제목과 로고를 바꿔 브라우저 탭과 시작 화면에 브랜드를 넣습니다.
- 플레이어 대부분이 영어 사용자가 아니라면 같은 파일에서 시작 언어를 바꿉니다.
- 저장 키는 출시 전에 한 번 정하고 이후에는 건드리지 마세요. 운영 중인 사이트에서 바꾸면 플레이어의 진행 상황이 사라집니다.
- 전체 리스킨이 필요하다면 젤리 친구들의 그래픽과 색을 바꿉니다. 소스 작업입니다.
- 모자 가격과 보상 경제도 소스에서 조정합니다.
- 레벨 생성 도구로 새 레벨을 만들고 테스트를 돌립니다.
많은 사이트는 처음 세 단계만으로 작업이 끝납니다. 반면 전체 리스킨은 세 월드의 모든 캐릭터, 둥지, 배경을 바꾸는 일이라 시간이 가장 많이 듭니다. 고객에게 일정을 약속하기 전에 현실적으로 계획하세요.
화이트 라벨을 허용합니다. 게임 어디에서든 우리 이름과 로고를 귀사나 고객사의 것으로 바꿀 수 있습니다.
호스팅, 임베드, 그리고 확장
game/ 폴더의 내용을 정적 HTTP(S) 호스팅 어디에든 올리면 됩니다. 하위 폴더도 괜찮습니다. 플레이에 데이터베이스, PHP, Node.js 서비스가 필요하지 않습니다. file://로 디스크의 파일을 바로 열면 작동하지 않으니, 로컬 또는 실제 웹 서버에서 테스트하세요.
게임은 컴퓨터, 태블릿, 휴대폰의 최신 Chrome, Edge, Firefox, Safari에서 실행됩니다. 진행 상황은 브라우저의 로컬 저장소에 남고, 기기 간 동기화는 없습니다. 설치형 오프라인 앱이 아니며, 플레이어는 귀사의 웹 주소에서 게임을 불러옵니다.
패키지에 네이티브 앱 프로젝트는 없습니다. 앱 스토어 출시, 포털 SDK 연동, 귀사 서버 설치가 필요하다면 프로젝트별로 견적을 드립니다.
Mochi Monsters에 포함되지 않는 것
이 에디션에는 온라인 계정, 클라우드 저장, 글로벌 리더보드, 실제 결제, 광고 SDK가 없습니다. 네이티브 앱 프로젝트, 호스팅, 맞춤 개발도 포함되지 않습니다. 세 월드 외의 플레이 가능한 캠페인은 없으며, 그 뒤로는 Endless 모드가 게임을 이어 갑니다.
광고를 넣을 계획이라면, 라이선스상 최종 제품의 광고 수익화는 허용되지만 광고 네트워크 연동은 귀사가 직접 하거나 우리에게 견적을 받아 진행해야 합니다.
라이선스와 가격 한눈에 보기
한 번 구매하면 이 에디션을 최종 제품 하나(귀사 제품 또는 고객사 제품 하나)에 사용할 수 있는 영구적·비독점 라이선스를 받습니다. 플레이어는 무료로 또는 광고 수익화를 통해 플레이할 수 있습니다. 해당 제품 안에서 코드, 그래픽, 오디오를 수정할 수 있지만, 템플릿이나 소스, 에셋을 단독으로, 키트 형태로, 또는 개발자용 다른 제품에 넣어 재판매하거나 공유할 수는 없습니다. 지원 기간은 6개월이며 결제 시 연장하면 12개월이고, 파일 설치·사용과 재현 가능한 결함 수정을 다룹니다. 지원이 끝나도 라이선스는 유지됩니다. 정가는 $39이며, 2026년 11월 30일까지 블랙 프라이데이 프로모션으로 모든 템플릿이 15% 할인되어 Mochi Monsters는 $33.15입니다. 12월 1일부터는 정가로 돌아갑니다.
자주 묻는 질문
Mochi Monsters는 워터 소트 게임인가요?
핵심 규칙은 같습니다. 무리는 빈 둥지나 같은 친구 위로만 옮길 수 있습니다. 시험관 속 액체 대신 젤리 생물을 둥지에 정렬하며, 여기에 조개 뚜껑과 밀물 둥지가 더해집니다.
업로드 전에 게임을 빌드해야 하나요?
아니요. game/ 폴더 내용을 HTTP(S) 호스팅에 올리면 됩니다. 소스 개발은 선택 사항입니다.
다시 빌드하지 않고 바꿀 수 있는 것은 무엇인가요?
브라우저 제목, 로고, 시작 언어, 저장 키이며 모두 mochi.config.js에 있습니다. 규칙, 그래픽, 레벨, 모자 가격은 TypeScript 소스와 npm 재빌드가 필요합니다.
월드나 레벨을 더 추가할 수 있나요?
이 에디션에는 세 월드에 60개 레벨이 있습니다. 더 추가하려면 포함된 레벨 생성 도구로 소스를 수정해야 합니다. 추가 캠페인은 패키지에 포함되지 않습니다.
플레이어 진행 상황은 어디에 저장되나요?
사용 중인 브라우저의 로컬 저장소에 저장됩니다. 클라우드 동기화는 포함되지 않습니다.
휴대폰에서도 작동하나요?
네. 최신 모바일 브라우저에서 터치로, 데스크톱에서는 마우스로 플레이할 수 있습니다.
컬러 소트 퍼즐이 맞는 곳, 그리고 함께 볼 만한 것
컬러 소트 퍼즐은 캐주얼 게임 포털, 가족 대상 사이트, 짧은 세션의 편안한 게임을 원하는 브랜드에 잘 맞습니다. 휴대폰 화면에서도 잘 보이고, 규칙이 한 문장이면 설명됩니다.
더 많은 계획이 필요한 퍼즐을 원한다면, Beep Out은 30개 레벨에 승객 색 맞추기가 있는 3D 주차 퍼즐로 정가 $35입니다. 숫자를 좋아하는 사용자라면, Tenguin은 같은 숫자나 합이 10인 두 숫자를 짝짓는 넘버 매치 퍼즐로 정가 $39입니다.