Вихідний код HTML5-головоломки: що ви отримуєте і що перевірити

Безкоштовний код HTML5-ігор знайти легко. Значно важче знайти готові, перевірені головоломки зі справжніми рівнями, щоденною задачею та задокументованим кодом, а саме це більшість покупців і має на увазі, коли шукає вихідний код, який можна одразу випустити.

Frogdoku — логічна головоломка з одним правилом: поставте рівно одну жабу в кожен рядок, кожен стовпець і кожен кольоровий ставок так, щоб жодні дві жаби не торкалися. У цьому посібнику на прикладі цього видання показуємо, що перевіряти в будь-якому шаблоні головоломки.

Почніть із кількості рівнів і режимів

Видання для покупця містить 180 головоломок кампанії в шести ділянках струмка, календар щоденних задач, режими Endless і Relax, трофеї, скасування й повтор ходу та підказки. Гардероб Рібі відкривається як нагорода за прогрес.

Кількість рівнів важить більше за обкладинку. Шаблон на 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, показані під час оформлення замовлення.

Де шаблон головоломки виправдовує себе

Така головоломка підійде навчальному сайту, щоденній рубриці-задачі в блозі або студії, якій потрібна готова логічна гра для доопрацювання. Проєктові, якому потрібні рейтингові матчі чи облікові записи, вона підходить погано: цього у виданні немає.