Посібник

Ігри зі словами для сайтів: три шаблони HTML5 з вихідним кодом

Пошук слів, прокладання маршруту за підказками і пасьянс на асоціації слів: чим три формати відрізняються мовами, списками слів, кодом і хостингом.

Ключова графіка Letter River: видра в сонцезахисних окулярах плаває в джунглевій річці серед золотистих літерних плиток.

Якщо вам потрібні ігри зі словами для вашого сайту і право їх змінювати, у нашому магазині є три готові шаблони HTML5 з вихідним кодом: Aurora Words, пошук слів десятьма мовами ($39); Letter River, головоломка зі словами за підказками англійською, португальською та іспанською ($29); і Solitaire Links, карткова гра на асоціації слів з інтерфейсом 14 мовами ($49). Усі три працюють зі статичного хостингу без бази даних.

Це не три версії однієї ідеї. Кожна ставить перед гравцями інше завдання, і кожна зберігає свої слова в іншому місці коду. Цей посібник порівнює їх за пунктами, які вирішують покупку: формат, мови, якими читають гравці, наскільки важко редагувати слова, хостинг і гроші.

Три формати, три типи гравців

Пошук слів: Aurora Words

Гравці проводять по сітці, щоб знайти приховані слова теми. Слова йдуть по горизонталі, по вертикалі, назад і по діагоналі. Є 35 тем, кампанія з 15 рівнів і щоденна головоломка, однакова для всіх, хто грає тією самою мовою. З трьох ігор це найпростіша для старту: не треба читати підказки, лише знайти список.

Прокладання маршруту за підказками: Letter River

Гравці читають підказку і проводять пальцем або мишею по сусідніх літерах, щоб скласти відповідь. Кожна літера на полі належить рівно одному слову, тож кожне розгадане слово звільняє місце для наступного. Діагоналі не з’єднані. Цей формат вимагає словникового запасу, тож підходить дорослим і тим, хто вивчає мову, більше, ніж маленьким дітям.

Асоціації слів: Solitaire Links

Гравці розкладають картки зі словами по категоріях, як у пасьянсі. Золота картка категорії відкриває місце у верхній частині столу, а слова, що до неї належать, складаються зверху, доки набір не завершено. Кожна дія витрачає один із ходів рівня. Є 90 категорій, серед них фрукти, тварини і кольори. Це поєднує гру зі словами з плануванням карткової гри.

Відкрити демо Aurora Words

Ігри зі словами для сайтів залежать від мови

У більшості жанрів переклад означає меню. В іграх зі словами це сам контент, і тут три шаблони відрізняються найбільше. Прочитайте цей розділ до всього іншого.

  • Aurora Words: 10 мов (англійська, португальська, іспанська, французька, німецька, італійська, нідерландська, польська, турецька та індонезійська), кожна з власними списками слів понад 1 000 записів у 35 темах. Гра починається з мови браузера гравця.
  • Letter River: англійська, бразильська португальська та іспанська — для інтерфейсу, слів, підказок і навчання. Гравці обирають мову в розділі Settings (Налаштування).
  • Solitaire Links: 14 мов інтерфейсу, тоді як сторінка гри перелічує 90 категорій англійською, португальською та іспанською. Переклади лежать у source/i18n/ і перегенеровуються скриптом, який входить до пакета.

Якщо ваша аудиторія читає французькою чи німецькою, Aurora Words — та, чий опис обіцяє списки слів цими мовами; для Solitaire Links відкрийте демо вашою мовою і подивіться на картки. Якщо ваша аудиторія в Америці або в Бразилії, усі три покривають англійську, португальську та іспанську.

Вихідний код ігор зі словами: де зберігаються слова

Кожен покупець гри зі словами врешті змінює слова: назву бренду, тему для кампанії, термін, що не пасує аудиторії. Наскільки це легко, залежить від того, де лежать слова.

Aurora Words

Списки слів — звичайний JSON, по одному набору на мову. Ви можете змінювати слова, додавати теми чи мову, не торкаючись логіки гри. Файл налаштувань aurora.config.js задає початкову мову, щоденну головоломку, час комбо і назву збереженого прогресу без збірки. Гра написана читабельним TypeScript на Phaser 3.90, з модульними тестами; збирати через Vite треба лише тоді, коли ви редагуєте TypeScript.

Letter River

Слова і підказки містяться в source/words/en.js, pt.js і es.js, а генератор головоломок — у source/js/levels.js. Код — звичайний HTML, CSS і JavaScript. Необов’язкова перевірка node test/check.js валідує списки слів і 80 рівнів для кожної мови; для неї потрібен Node.js 22 або новіший, більше нічого не треба.

Solitaire Links

Налаштування лежать у game/solitaire.config.js. Переклади — у source/i18n/ і перегенеровуються командою node tools/gen-langs.cjs. Зміна правил, тексту чи заголовної графіки означає редагування необов’язкової вихідної версії, описаної в посібнику. Код — ванільний JavaScript; Node.js 20 або новіший потрібен лише для тестів і генерації мов.

Коротко: Aurora Words найпростіша для додавання мови, Letter River — найпростіша для JavaScript-розробника, який хоче прочитати все, а Solitaire Links має найбільше вбудованої структури навколо категорій.

Як розмістити гру зі словами на сайті

Усі три поставляються як готова до розміщення папка game/. Завантажте її вміст на будь-який статичний хостинг HTTP(S), за бажанням у підпапку, і посилайтеся на неї або вбудовуйте її в сторінку. Для гри не потрібні PHP, база даних чи акаунт, а прогрес зберігається в браузері гравця.

Одна деталь здивує тих, хто розміщує кілька ігор: папки на одному домені ділять браузерне сховище. Solitaire Links дозволяє дати кожній копії власний storageKey у файлі конфігурації, а Aurora Words задає назву збереженого прогресу в aurora.config.js. Задайте їх до запуску і не змінюйте після.

Усі три працюють у сучасних браузерах на комп’ютерах, планшетах і телефонах, з дотиком і мишею. Кожна має власні параметри доступності:

  • Aurora Words: гра з клавіатури, оголошення для екранного диктора і режим Calm, який зменшує рух. Safari потребує версії 16.4 або новішої.
  • Letter River: на комп’ютері гравці можуть ввести відповідь з клавіатури, перемикати підказку стрілками і натиснути Shift + F для повноекранного режиму.
  • Solitaire Links: великий текст, вібрація і спокійний режим, який зменшує рух.

Спробуйте Letter River англійською, португальською або іспанською

Реклама, винагороди і що не входить

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

  • Solitaire Links: реклама вимкнена за замовчуванням, жоден провайдер не підключений. У game/js/ads.js є гачки для міжсторінкової та винагородної реклами, у таких моментах, як кінець рівня, подвійна винагорода і додаткові ходи. Власний схвалений SDK і обробку згоди ви підключаєте самостійно.
  • Aurora Words: рекламного SDK немає, а гра не робить запитів до сервісів рейтингів, реклами, трекінгу чи платежів.
  • Letter River: рекламного SDK немає і немає викликів до сервісів рейтингів, реклами чи платежів.

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

Запросіть кошторис на рекламу, версію для застосунку чи нові списки слів

Що повертає гравців

Гра зі словами на сайті заслуговує на місце завдяки повторним візитам. Ось що кожен шаблон для цього пропонує:

  • Aurora Words: щоденна головоломка з серією днів, комбо, зірки і найкращі результати для кожної теми, рівня і дня.
  • Letter River: 12 ілюстрованих біомів річки, зірки, скарбничка з монетами кожні дванадцять рівнів, щоденний подарунок, щоденне колесо, щоденна серія і гардероб для видри.
  • Solitaire Links: дванадцять світів по 10 рівнів, після яких рівні продовжують з’являтися з повторюваною графікою, а також щоденні подарунки, таблиця щоденних завдань, місячний календар, трофеї і шафа на 60 предметів для восьминога Linky.

Прогрес і рекорди зберігаються в браузері гравця, тож щоденні функції — для задоволення, а не для призових конкурсів.

Ціни і ліцензія

  • Letter River: ціна за прайсом $29.
  • Aurora Words: ціна за прайсом $39.
  • Solitaire Links: ціна за прайсом $49.

До 30 листопада 2026 року акція «Чорна п’ятниця» дає знижку 15% на кожен шаблон, і вони коштують $24,65, $33,15 і $41,65; з 1 грудня ціни повертаються до прайсу. Купівля кількох в одному замовленні зменшує вартість кожної ліцензії: 5% знижки на два, 10% на три, 15% на чотири і 20% на п’ять і більше. Знижка за пакет діє після акції, а на оплаті показано фінальну суму до сплати.

Кожна покупка — безстрокова невиключна ліцензія на один кінцевий продукт, ваш або одного клієнта. Ви можете змінювати код, графіку, аудіо і списки слів усередині цього продукту та замінити нашу назву й логотип своїми. Ви не можете перепродавати чи передавати шаблон, його вихідний код або його ресурси окремо. Підтримка триває 6 місяців або 12 з продовженням на оплаті і охоплює встановлення й використання файлів та виправлення відтворюваних дефектів.

Прочитайте повні умови

Поширені запитання

Яка гра зі словами найкраща для сайту про вивчення мов?

Aurora Words, якщо потрібно багато мов, бо в кожної з десяти є власні списки слів. Letter River, якщо ваші учні користуються англійською, португальською чи іспанською і ви хочете практику словника за підказками.

Чи можна додати власні слова?

Так. Aurora Words використовує списки JSON для кожної мови, а Letter River — один файл слів на JavaScript для мови. У Solitaire Links текст лежить у source/i18n/, і його зміна означає роботу у необов’язковій вихідній версії, описаній у її посібнику, тож перевірте це до покупки, якщо для вас важливі нові категорії.

Чи потрібен сервер або база даних?

Ні. Кожна гра — статична папка для хостингу HTTP(S). Прогрес зберігається в браузері гравця.

Чи можна розмістити дві ці гри на одному домені?

Так. Папки на одному домені ділять браузерне сховище, тож задайте окрему назву збереження там, де гра це дозволяє: storageKey у Solitaire Links, назву збереженого прогресу в aurora.config.js для Aurora Words. Кожна гра також потребує власної ліцензії.

Яка з них може показувати винагородну рекламу?

Solitaire Links має гачки для міжсторінкової та винагородної реклами, вимкнені за замовчуванням. Ви підключаєте власного схваленого провайдера.

Чи можете ви перекласти для нас списки слів іншою мовою?

Це індивідуальна робота. Надішліть нам мову і гру, а ми відповімо з кошторисом.

Вибір за одну хвилину

  1. Багато мов, молодші або казуальні гравці: Aurora Words.
  2. Англійська, португальська або іспанська, дорослі чи учні, простий JavaScript: Letter River.
  3. Любителі карткових ігор, потрібні рекламні гачки, інтерфейс 14 мовами: Solitaire Links.

Дивіться Solitaire Links, пасьянс на асоціації слів

Отримайте вихідний код Letter River

Отримайте вихідний код Aurora Words