Исходный код головоломки HTML5: что входит и что проверить

Бесплатный код игр HTML5 найти легко. Найти готовые, протестированные головоломки с настоящими уровнями, ежедневной задачей и документированным исходным кодом гораздо труднее, а именно их ищет большинство покупателей, когда ищут исходный код, который можно сразу выпускать.

Frogdoku — логическая головоломка с одним правилом: поставить ровно одну лягушку в каждую строку, каждый столбец и каждый цветной пруд, причём никакие две лягушки не должны касаться друг друга. В этом руководстве показано, что проверять в любом шаблоне головоломки, на примере этого издания.

Начните с числа уровней и режимов

В издание для покупателя входят 180 головоломок кампании на шести участках ручья, календарь ежедневных головоломок, режимы Endless и Relax, трофеи, отмена и повтор хода и подсказки. Гардероб Ribi — награда за прогресс.

Число уровней важнее обложки. Шаблон с 20 уровнями ближе к прототипу, а шаблон со 180 — к готовой игре. Спросите продавца, как создавались уровни и как проверялся каждый из них: нерешаемая головоломка — самый быстрый способ потерять игрока.

Что входит в исходный код

Исходный код написан на TypeScript, к нему прилагаются тесты и уведомления о лицензиях сторонних компонентов. Среди файлов пакета указан JSON, а папка game — это готовая к размещению сборка с локальными иллюстрациями, звуком и шрифтами.

• game/: готовая к размещению сборка, иллюстрации, звук и шрифты уже лежат локально.
• Исходники на TypeScript и тесты к ним: та часть, которую вы читаете и редактируете.
• Vite: необязателен и нужен только для пересборки из TypeScript.

Проверка за 15 минут перед покупкой

Оценить шаблон головоломки можно за короткую сессию. Пройдите первый участок на телефоне, затем на ноутбуке и отметьте, где касание или перетаскивание кажется медленным или непонятным. Несколько раз отмените последний ход и убедитесь, что поле каждый раз возвращается в прежнее состояние.

Затем откройте исходный код и прочитайте названия тестов. Ищите тесты, названные по правилам головоломки. Правило, у которого есть тест, соблюдается в коде, а не только показывается на экране.

Хостинг: только статические файлы

Как и другим шаблонам из этого руководства, изданию для покупателя нужен современный браузер с поддержкой JavaScript и звука и статический хостинг по HTTP(S). База данных и аккаунт автора не нужны.

Загрузите содержимое папки game/ в ту папку, где должна находиться головоломка. Пересборка нужна, только если вы меняете исходный код на TypeScript.

Страница Frogdoku: состав пакета и лицензия

Что не входит в цену

В Frogdoku нет облачных сохранений, онлайн-рейтинга, покупок за реальные деньги и рекламного SDK, а при обычной игре он не обращается к таким сервисам. Прогресс сохраняется в текущем браузере.

Нативные приложения, хостинг и разработка на заказ не входят. Ежедневная головоломка — часть календаря, и для игры в неё онлайн-рейтинг не нужен.

Частые вопросы

Нужно ли собирать игру?

Нет. Загрузите содержимое папки game/ на хостинг с HTTP(S). Пересборка нужна, только если вы редактируете исходный код на TypeScript.

Где сохраняется прогресс?

Локально, в текущем браузере.

Нужен ли для ежедневной головоломки онлайн-рейтинг?

Нет. Ежедневные головоломки работают и без него, а прогресс сохраняется в браузере игрока.

Какая лицензия действует?

Действуют условия Polar Games Marketplace, которые показываются при оформлении заказа.

Где шаблон головоломки окупается

Такая головоломка подойдёт образовательному сайту, блогу, где читатели привыкают решать задачу дня, или студии, которой нужна готовая логическая игра для доработки под себя. Проекту, где нужны рейтинговые матчи или аккаунты, она подходит плохо: этого в издании нет.