Construct 3 или чистый JavaScript: какой шаблон игры выбрать

Выбирайте шаблон игры на Construct 3, если хотите менять игру в визуальном редакторе и готовы открывать этот редактор каждый раз. Выбирайте шаблон на чистом JavaScript, то есть шаблон HTML5-игры без движка, если вы или кто-то из вашей команды умеете открывать код в любом текстовом редакторе. Лучшего продукта среди них нет. Разница в том, что должно быть установлено на вашем компьютере, прежде чем вы сможете что-то изменить.

Мы продаём второй вариант, так что мы заинтересованная сторона. Чтобы всё было честно, мы прочитали публичные страницы стороны движков в том виде, в каком они были на 24 октября 2026 года: собственное сравнение возможностей и документацию Construct, а также четыре публичные карточки на CodeCanyon с HTML5-играми, в которых поставляются проекты 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 они охватывают физику, правила «восьмёрки», партии с компьютерным соперником и ключи перевода.

От чего вы отказываетесь

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

Читайте список «Not included in this edition» на странице каждого товара. В списке Velvet Pool названы онлайн-мультиплеер, онлайн-рейтинги, рекламные SDK и нативные приложения. В списке Ricopop — нативные сборки для Android или iOS, онлайн-мультиплеер или проверяемый сервером соревновательный рейтинг, а также аккаунты рекламных сетей и интеграции SDK игровых порталов.

Два шаблона на чистом JavaScript в открытом виде: Ricopop и Gridspark

Их публичные руководства отвечают на вопрос «где это менять?» названием файла. Первой идёт Ricopop, потому что её папка game/ и есть исходный код.

Ricopop: уровни в виде текста, без сборки

• Уровни: в src/levels.js лежат 50 уровней в виде текстовых карт с нормой ходов и решением, а комментарий в начале файла объясняет формат.
• Правила и числа: в 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+) охватывают физику, правила «восьмёрки», партии с компьютерным соперником и ключи перевода, а в руководстве прямо сказано, что они не заменяют проверку в браузерах и на устройствах.

Посмотреть 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 и заглянуть в руководство