Шаблони Construct 3 чи чистий JavaScript: як обрати

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

Ми продаємо другий тип, тож ми зацікавлені в цьому. Щоб бути чесними, ми переглянули публічні сторінки рушія такими, якими вони були 24 жовтня 2026 року: порівняння можливостей і документацію самого Construct, а також чотири публічні лістинги HTML5-ігор на CodeCanyon, у яких є проєкти Construct. Усе, що ми кажемо про наші шаблони, походить зі сторінок товарів, умов і публічних посібників, які ви можете відкрити самі.

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

Шаблони Construct 3: що це і що потрібно, щоб відкрити один

Construct — це інструмент для створення ігор із візуальним редактором, який також працює в браузері. На практиці шаблон гри Construct 3 — це файл проєкту, створений для цього редактора, а також HTML5-версія гри, яку можна розмістити на хості як є. У чотирьох лістингах CodeCanyon, які ми переглянули, список файлів щоразу мав однакову структуру: файл .c3p поруч із HTML5-файлами гри.

Що казали ці чотири лістинги про редагування, по одному: один каже, що для редагування коду потрібен інструмент Construct 3, посилається на онлайн-редактор і додає, що безкоштовна версія має обмеження. Другий каже, що для відкриття проєкту потрібен безкоштовний сторонній плагін. Два вказують Construct 3 як версію програмного забезпечення і пропонують допомогу із заміною графіки (замінити зображення у графічному редакторі; гайд із рескіну), не уточнюючи, яка редакція рушія потрібна. Ми не називаємо продавців: це закономірність, а не вирок комусь із них.

Що говорять власні сторінки рушія, прочитані 24 жовтня 2026 року: безкоштовна редакція включає експорт у HTML5. Вона обмежує кількість подій (50, коли ви увійшли з підтвердженою електронною адресою, і 25 як гість) та шарів (2). У таблиці можливостей серед речей, яких немає в безкоштовній редакції, перелічено заробіток на іграх, рекламу та покупки в застосунку. Сторінка також розділяє платні плани за типом покупця, наприклад приватні особи, зареєстровані компанії та навчальні заклади, тож перевірте, який план ваш.

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

Перегляньте маркетплейс Polar Games

HTML5-шаблон без рушія: що це означає в нашому каталозі

Шаблон на чистому JavaScript — це папка з файлами HTML, CSS, JavaScript і JSON. Будь-який текстовий редактор їх відкриває, а браузер запускає, щойно вони лежать на веб-хості. Подвійне клацання по index.html не працює, бо браузери блокують модулі в file://.

Тут треба бути точними, бо «без рушія» не означає «без етапу збирання». Перечитавши вимоги кожного товару в маркетплейсі, ми бачимо три групи редакцій:

• Редагувати й завантажити, нічого не встановлювати: Ricopop (його папка game/ сама є редагованим джерелом: редагуєте, завантажуєте, оновлюєте сторінку), Velvet Pool і Puttide (без npm, без етапу збирання, без PHP і без бази даних; посібник Velvet Pool пропонує редагувати в source/ і копіювати змінені файли в game/). Node.js з'являється лише в необов'язкових інструментах для розробників у редакціях, які їх мають.
• Прості файли з невеликим допоміжним інструментом збирання: Gridspark і Solitaire Links (остання — звичайні HTML, CSS і JavaScript). Для встановлення та гри збирання не потрібне в жодному з них. Посібник Gridspark пропонує працювати в source/ і запускати npm test та npm run build (Node.js 20+, без npm-залежностей), щоб готові до гри файли потрапили в game/, а його файл налаштувань — звичайний текст. У Solitaire Links файл налаштувань редагується без збирання, Node.js 20+ потрібен лише для тестів і генерації мов, а для графіки, правил і тексту посібник відсилає до необов'язкової редакції з джерелами та перезбирання.
• Проєкти на TypeScript: Beep Out, Pinloop, Riffvolt, Sunset Rally, Trimora і Twirldrop (збірка через Vite), Zabum (React і TypeScript), а також Tenguin, Mochi Monsters, Deepforge і Barricade Z. Папка game/, яку ви розміщуєте, — це читабельний JavaScript, але щоб змінити вихідний код TypeScript і перезібрати його, потрібен Node.js (вимоги Trimora містять npm ci, npm test і npm run build). Точну версію можна побачити на вкладці Requirements кожного товару.

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

Коротке дерево рішень: якщо потрібне це, обирайте те

Починайте з того, що ви хочете робити першого дня, а не з технології.

• Якщо ви хочете змінювати рівні, графіку й правила без написання коду і готові навчитися редактора або вже ним користуєтеся: шаблон рушія. Візуальні події створені саме для цього.
• Якщо ви вже працюєте з Construct і хочете швидкий старт для певного типу гри: шаблон рушія, бо проєкт відкриватиметься в інструменті, який ви знаєте.
• Якщо ви або ваш розробник працюєте в редакторі коду з контролем версій і хочете бачити кожну зміну як текстовий diff: шаблон на чистому JavaScript.
• Якщо ви лише змінюєте назву, кольори, тексти та рівні, а потім завантажуєте: підійде будь-який. Перевірте, що лістинг називає файли (чистий JavaScript) або що безкоштовна редакція може відкрити проєкт (шлях рушія).
• Якщо потрібно передати гру клієнтові, у якого немає плану рушія: прості файли легше передати, бо їх відкриє будь-який текстовий редактор. Якщо клієнт уже працює в рушії, файл проєкту — краща передача.
• Якщо плануєте заробляти на рекламі: перед початком прочитайте таблицю ліцензій рушія, бо безкоштовна редакція позначає рекламу як не включену, і прочитайте ліцензію будь-якого шаблону. Наша ліцензія дозволяє монетизувати ваш кінцевий продукт рекламою, але ігри поставляються без рекламної мережі.
• Якщо ви не знаєте жодного з інструментів: спробуйте кожен протягом години (див. розділ про тест нижче) і залиште той, з яким перестали боротися.

Перегляньте Ricopop: шаблон на чистому JavaScript, рівні якого є текстовими мапами

Шлях рушія: що ви отримуєте і чим жертвуєте

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

Що ви отримуєте

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

Чим жертвуєте

• Потрібен редактор, а безкоштовна редакція обмежує кількість подій і шарів.
• Деяким проєктам потрібні додаткові плагіни (один із прочитаних нами лістингів має таку вимогу).
• Заробіток на грі залежить від власної ліцензії рушія та його плану.
• Проєкт створений для одного інструмента: змінювати його можна там, а не в текстовому редакторі.

Шлях на чистому JavaScript: що ви отримуєте і чим жертвуєте

Шаблон на чистому JavaScript обмінює редактор на текстовий файл. Якщо ви вмієте читати код, це добра угода, а якщо ні, то погана.

Що ви отримуєте

• Будь-який текстовий редактор відкриває файли, а будь-який статичний веб-хост їх обслуговує.
• Для редагування не потрібні план рушія чи обліковий запис.
• Читабельний відформатований вихідний код і посібники, які показують, де живуть логотип, кольори, правила та тексти.
• Зміни видно як звичайний текст, що добре працює з контролем версій.
• Необов'язкові автоматичні тести в деяких редакціях (Node.js 20+). У Velvet Pool вони охоплюють фізику, правила 8-ball, матчі з комп'ютером і ключі перекладів.

Чим жертвуєте

• Ви редагуєте код: зайва кома може зламати екран.
• Немає візуального редактора для рівнів чи розкладок. Рівні Ricopop — текстові мапи з перевіркою, яка каже, чи можна ще виграти рівень.
• Немає публічного форуму для одного шаблону: питання йдуть продавцеві, а підтримка має обмеження. Вона триває 6 місяців або 12 з розширенням, а кастомізація, нові функції, хостинг і інтеграція з SDK чи порталами — окремі послуги за окремим кошторисом.
• Те, що редакція не включає, залишається поза нею. Наприклад, у Gridspark немає онлайн-таблиць лідерів, облікових записів, рекламних SDK чи нативних збірок для магазинів застосунків.

Читайте список «Не входить до цієї редакції» на сторінці кожного товару. Velvet Pool називає онлайн-мультиплеєр, онлайн-рейтинги, рекламні SDK і нативні застосунки. Ricopop називає нативні збірки для Android чи iOS, онлайн-мультиплеєр або конкурентний рейтинг, перевірений сервером, а також облікові записи рекламних мереж і інтеграції SDK ігрових порталів.

Два шаблони на чистому JavaScript, відкриті для огляду: Ricopop і Gridspark

Їхні публічні посібники відповідають на питання «де це змінити?» назвою файлу. Спершу Ricopop, бо його папка game/ є джерелом.

Ricopop: рівні як текст, без збирання

• Рівні: src/levels.js містить 50 рівнів у вигляді текстових мап з par і розв'язком, а коментар угорі пояснює формат.
• Правила та числа: src/sim/config.js містить кількість куль на удар, швидкість кулі та значення очок.
• Кольори та вигляд меню: style.css.
• Логотип: малюється кодом у src/ui/logo.js, а не є зображенням.
• Тексти та 14 мов: src/locales.js.
• Налаштування реклами та таблиці лідерів, обидва вимкнені за замовчуванням: ricopop.config.js.

Робочий процес за посібником: редагуєте, завантажуєте, робите жорстке оновлення сторінки. Посібник рекомендує редактор коду, як VS Code чи Notepad++, і радить не використовувати текстовий процесор. Після зміни мапи необов'язковий інструмент node tools/validate.mjs перевіряє, що кожен рівень ще можна виграти, а node tools/validate.mjs --solve 12 знаходить розв'язок для рівня 12. Інструментам потрібен Node.js 20+.

Gridspark: налаштування в текстовому файлі, правила в іменованих модулях

• Текст інтерфейсу та мови: src/locales.js.
• Константи та палітра: src/config.js. Кольори інтерфейсу: style.css.
• Правила головоломки: game.js, board.js, generator.js і shapes.js.
• Логотип, обличчя і блоки: малюються в src/logo.js.
• Початковий екран і кнопка повноекранного режиму: gridspark.config.js, звичайний текстовий файл, який не потребує перезбирання.

Для змін у коді посібник пропонує працювати в source/, а потім запускати npm test і npm run build. Це потребує Node.js 20+, але не встановлює жодних залежностей.

Velvet Pool працює за тією самою ідеєю, але в 3D. Його логотип у assets/logo/, стилі сукна й кия в src/game/progress.js, поведінка комп'ютера в src/core/ai.js, а фізика в src/core/physics.js. Його необов'язкові тести (npm test у source/, Node.js 20+) охоплюють фізику, правила 8-ball, матчі з комп'ютером і ключі перекладів, а посібник прямо каже, що вони не замінюють тестування в браузерах і на пристроях.

Перегляньте Gridspark з живим переглядом і посібником

Як протестувати обидва типи до оплати

Ви не можете відкрити файл проєкту, який ще не купили, але можете протестувати майже все навколо нього. Робіть це по порядку, із увімкненим таймером.

Для обох типів

1. Пограйте в демо точної редакції на телефоні, яким користуватимуться ваші гравці. Поверніть його, перезавантажте, змініть мову.
2. Прочитайте вимоги та список «не входить». Запишіть кожен елемент, який ще доведеться зробити або купити.
3. Знайдіть ліцензію і прочитайте три речення: скільки продуктів вона покриває, чи дозволена реклама і що не можна перепродавати.

Для шаблону рушія

1. Запитайте, яка редакція і версія рушія відкриває проєкт і чи потрібні додаткові плагіни.
2. Запитайте, скільки подій і шарів використовує проєкт, і порівняйте числа з обмеженнями безкоштовної редакції на сторінці рушія.
3. Відкрийте редактор окремо й створіть тест на один екран, щоб зрозуміти, чи вам подобається в ньому працювати.
4. Якщо плануєте заробляти на грі, прочитайте ліцензію рушія з цього питання, перш ніж щось купувати.

Для шаблону на чистому JavaScript

1. Відкрийте публічний посібник і знайдіть, де живуть логотип, кольори, правила та тексти.
2. Перевірте, що потрібно для редагування: нічого, або Node.js і npm. Вкладка Requirements кожного товару вказує, що саме.
3. Запустіть гру так, як пропонує посібник. Посібник Velvet Pool, наприклад, для локального тесту пропонує python -m http.server 8765 всередині game/, а потім відкрити http://localhost:8765/.
4. Відкрийте один скрипт демо в інструментах розробника браузера. Якщо ви можете його прочитати, ви зможете його змінити.

З нашого боку шаблони — це цифрові продукти: ми повертаємо кошти за покупку лише тоді, коли ви ще не завантажили шаблон, або коли наданий шаблон має дефект, який ми не можемо виправити. Щоб запитати, напишіть нам зі своїм номером ліцензії. Повернута покупка припиняє ліцензію. Оскільки завантаження закриває цю можливість, пройдіть тести вище перед покупкою, і обов'язково перед завантаженням.

Перегляньте Velvet Pool: посібник, живий перегляд і тести, про які йшлося вище

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

Чи потрібен ігровий рушій, щоб редагувати HTML5-шаблон гри?

Це залежить від того, як зроблено шаблон. Шаблон рушія містить проєкт, який відкривається в редакторі цього рушія, а файли проєктів Construct мають розширення .c3p. Шаблон на чистому JavaScript — це файли, які відкриває будь-який текстовий редактор. У маркетплейсі Polar Games жоден список вимог не називає редактор ігрового рушія. Кілька редакцій потребують Node.js, а інколи npm, лише щоб перезібрати вихідний код TypeScript.

Чи можна редагувати шаблон Construct 3 у безкоштовній редакції?

Ми не можемо відповісти за конкретний проєкт. Те, що сторінка рушія показувала 24 жовтня 2026 року: безкоштовна редакція експортує в HTML5 і обмежує події 50 (25 для гостей) та шари 2, а один із прочитаних нами лістингів каже, що безкоштовна версія має обмеження. Запитайте продавця, скільки подій і шарів використовує проєкт, і порівняйте.

Чи важче редагувати шаблон гри на чистому JavaScript, ніж шаблон рушія?

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

Чи потрібні вашим шаблонам npm або етап збирання?

Деякі потребують, а деякі ні. Ricopop, Velvet Pool і Puttide не потребують нічого. Gridspark не потребує збирання для встановлення та гри, а без залежностей (npm test, npm run build, Node.js 20+) — лише якщо ви змінюєте код у source/. Редакції, створені на TypeScript, як Trimora і Twirldrop, потребують Node.js і npm для перезбирання, хоча папка game/, яку ви розміщуєте, уже зібрана. Вкладка Requirements кожного товару це перелічує.

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

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

Що робити, якщо я вибрав не той тип?

Спершу протестуйте, як описано вище. Повернення можливе лише тоді, коли ви ще не завантажили шаблон, або коли наданий шаблон має дефект, який ми не можемо виправити. Перехід з одного шляху на інший згодом означає перероблення гри в іншому інструменті, тож година перед оплатою — добре витрачений час.

Відкрийте один перед рішенням

Найдешевше порівняння коштує годину: пограйте в демо, прочитайте посібник, відкрийте редактор. Зробіть це один раз для шаблону рушія і один раз для шаблону на чистому JavaScript, а потім оберіть той, відкривати який вдруге вам не страшно.

Перегляньте маркетплейс Polar Games і відкрийте посібник