Исходный код головоломки на сортировку по цвету: что менять первым
Mochi Monsters как пример: правила, файлы, один файл настроек и изменения, для которых нужна пересборка.
Покупка исходного кода головоломки на сортировку по цвету имеет смысл, когда вы хотите игру в стиле Water Sort на своём сайте и не хотите писать сами правила ходов, генератор уровней и систему сохранений. Mochi Monsters как раз такой пакет: 60 уровней в трёх мирах, режим Endless, читаемый TypeScript и готовая папка игры для хостинга, по цене $39 по прайс-листу.
Правило, лежащее в основе Water Sort, ball sort и Mochi Monsters, одно и то же: переносить можно только в пустой контейнер или на верхний совпадающий элемент. Отличает один шаблон от другого всё, что вокруг этого правила. Это руководство проходит пакет в том порядке, в котором его видит покупатель, и заканчивается изменениями, которые можно сделать за пять минут, и теми, что требуют разработчика.
Правило сортировки и два усложнения поверх него
Игрок нажимает одно гнездо, затем другое. Группа желейных друзей наверху перепрыгивает, только если целевое гнездо пустое или его верхний друг того же вида. Доска решена, когда в каждом гнезде один вид. Подсказка, отмена хода и перезапуск встроены.
Две механики не дают 60 уровням ощущаться как один и тот же уровень, повторённый много раз. Крышка-ракушка закрывает гнездо и открывается, когда вы заполняете это гнездо видом, показанным на крышке; отмена хода может закрыть её снова. Связанные гнёзда-приливы меняются местами, когда одно из них опустеет, и это меняет доску под планом игрока.
Для покупателя это важно, потому что такие механики уже написаны и протестированы. Добавить подобное усложнение в простую игру на сортировку — работа, которая занимает больше времени, чем кажется, в основном из-за крайних случаев вокруг отмены хода.
Попробовать демо Mochi Monsters
Что входит в исходный код головоломки на сортировку по цвету
- 60 уровней кампании в мирах Sugar Meadow, Bubble Beach и Mushroom Village, по 20 в каждом.
- Режим Endless с генерацией по зерну (seed), который открывается после 20-го уровня.
- Альбом коллекции, интерактивный сад и шесть шляпок, которые покупаются за Sugar Drops, заработанные в игре.
- Управление касанием и мышью, локальные сохранения и вариант с уменьшенной анимацией.
- Готовая папка game/ для хостинга, читаемый исходный код на JavaScript и TypeScript, конфигурация, тесты и лицензионные уведомления.
- Иллюстрированное офлайн-руководство на 14 языках, со скриншотами на английском.
Интерфейс доступен на 14 языках: английском, португальском, испанском, французском, немецком, итальянском, нидерландском, польском, турецком, русском, индонезийском, японском, корейском и упрощённом китайском. Руководство автоматически следует языку читателя.
Стек — TypeScript и JavaScript на Canvas 2D, со звуком через 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, чтобы вкладка браузера и стартовый экран несли ваш бренд.
- Стартовый язык в том же файле, если большинство игроков не говорят по-английски.
- Ключ сохранения: задайте его один раз до запуска и больше не трогайте. Если менять его на живом сайте, игроки потеряют прогресс.
- Графика и цвета желейных друзей, если нужна полная смена оформления. Это работа с исходником.
- Цены шляпок и экономика наград, тоже в исходнике.
- Новые уровни через инструменты запекания, затем тесты.
Для многих сайтов главная работа укладывается в первые три шага. Полная смена оформления, напротив, означает замену каждого существа, гнезда и фона в трёх мирах, и на это уходит большая часть времени. Честно заложите это в план, прежде чем обещать клиенту дату.
White label разрешён: ваше имя и логотип или логотип вашего клиента могут заменить наши в любом месте игры.
Размещение, встраивание и дальнейшее развитие
Загрузите содержимое game/ на любой статический HTTP(S)-хостинг, при желании в подпапку. Для игры не нужны база данных, PHP или сервис на Node.js. Открытие файлов с диска через file:// не работает, поэтому тестируйте с локального или настоящего веб-сервера.
Игра работает в актуальных Chrome, Edge, Firefox и Safari на компьютере, планшете или телефоне. Прогресс хранится в локальном хранилище браузера, синхронизации между устройствами нет. Это не устанавливаемое офлайн-приложение: игроки загружают её по вашему адресу.
В пакете нет проекта нативного приложения. Если вы хотите вывести её в магазин приложений, подключить к SDK портала или установить на свой сервер, такую работу мы оцениваем отдельно для каждого проекта.
Запросить оценку переоформления, хостинга или версии приложения
Чего не входит в Mochi Monsters
В этом издании нет онлайн-аккаунтов, облачных сохранений, глобальных таблиц рекордов, покупок за реальные деньги и рекламного SDK. Проекты нативных приложений, хостинг и индивидуальная разработка не входят в пакет. Кампаний сверх трёх миров нет; режим Endless — то, что продлевает игру после них.
Если вы планируете показывать рекламу, лицензия разрешает монетизацию конечного продукта через рекламу, но подключение рекламной сети — работа на вашей стороне или оценивается отдельно с нашей стороны.
Лицензия и цена одним абзацем
Одна покупка даёт бессрочную неэксклюзивную лицензию на использование издания в одном конечном продукте, вашем или одного клиента. Игроки могут играть бесплатно или через монетизацию рекламой. Вы можете менять код, графику и аудио внутри этого продукта, но не можете перепродавать или передавать шаблон, его исходный код или ассеты отдельно, в виде набора или внутри другого продукта для разработчиков. Поддержка длится 6 месяцев или 12 с расширением при оформлении заказа и покрывает установку и использование файлов, а также исправление воспроизводимых дефектов; лицензия не заканчивается вместе с поддержкой. Цена по прайс-листу $39; до 30 ноября 2026 года акция Black Friday даёт скидку 15% на каждый шаблон, так что Mochi Monsters стоит $33.15, а с 1 декабря цены возвращаются к прайс-листу.
Часто задаваемые вопросы
Mochi Monsters — это игра в стиле water sort?
Она использует то же базовое правило: группа может переходить только в пустое гнездо или на совпадающего друга. Вместо жидкости в пробирках игроки сортируют желейных существ по гнёздам, а поверх добавлены крышки-ракушки и гнёзда-приливы.
Нужно ли собирать игру перед загрузкой?
Нет. Загрузите содержимое game/ на HTTP(S)-хостинг. Разработка исходника необязательна.
Что можно поменять без пересборки?
Заголовок браузера, логотип, стартовый язык и ключ сохранения, всё в mochi.config.js. Правила, графика, уровни и цены шляп требуют TypeScript-исходника и пересборки через npm.
Можно ли добавить миры или уровни?
В издании 60 уровней в трёх мирах. Добавление новых требует правки исходника с помощью встроенных инструментов запекания уровней. Дополнительные кампании в пакет не входят.
Где сохраняется прогресс игрока?
В локальном хранилище текущего браузера. Облачная синхронизация не входит.
Работает ли игра на телефонах?
Да. Она работает в актуальных мобильных браузерах с сенсорным управлением, а на компьютере — с мышью.
Кому подойдёт головоломка на сортировку и что ещё посмотреть
Головоломка на сортировку по цвету подходит казуальным порталам, семейным сайтам и брендам, которым нужна спокойная игра с короткими сессиями. Она хорошо смотрится на телефоне, а правило помещается в одно предложение.
Если вам нужна головоломка с большим планированием, Beep Out — это 3D-головоломка с парковкой, 30 уровнями и подбором пассажиров, $35 по прайс-листу. Если ваша аудитория любит числа, Tenguin — головоломка на совпадение чисел, где игроки соединяют равные числа или два, дающие десять, $39 по прайс-листу.
Посмотреть Beep Out, 3D-головоломку с парковкой