РАЗРАБОТКА

LittleJS добавил 3D-рендер и редакторы уровней прямо в браузере

Браузерный движок LittleJS получил 3D-рендер, редакторы уровней и AI Toolkit для разработки игр на JavaScript в одном canvas.

✍️ Редакция iTech News | 16.10.2026 | ⏱ 3 мин | Источник: Habr / Новости
🔧

Браузерный игровой движок LittleJS получил собственный 3D-рендер, встроенные редакторы 2D- и 3D-уровней, а также набор инструментов для работы с ИИ-агентами. Для JavaScript-разработчиков это попытка собрать в лёгком веб-стеке привычный игровой цикл, сцену, интерфейс и редактирование контента без обязательного перехода на отдельный тяжёлый редактор.

Об обновлении сообщает Habr / Новости. Главная техническая перемена — 2D- и 3D-графика теперь могут работать на одном холсте canvas. Трёхмерные объекты встроены в общий цикл игры: для них доступны механики физики, дочерние объекты и таймеры, которые уже использовались в LittleJS. Поверх 3D-сцены можно выводить двухмерный интерфейс — например, HUD, меню или инвентарь — без отдельного слоя рендеринга.

Движок умеет загружать модели OBJ и glTF, строить рельеф по картам высот, использовать карты теней, отражения, цветное освещение и пользовательские шейдеры. Набор не превращает LittleJS в универсальную студию для блокбастеров, и это, пожалуй, к лучшему: его сильная сторона — дать веб-разработчику достаточно инструментов для прототипа или законченной небольшой игры, не заставляя сначала освоить огромную экосистему.

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

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

Появление 3D не отменяет исходную идею LittleJS — делать игры для веба на JavaScript с минимальной дистанцией между кодом и результатом. Однако теперь браузерный игровой движок может закрыть больше сценариев: от 2D-платформеров и обучающих проектов до изометрических сцен, простых 3D-демо и игровых прототипов для продукта. Веб-сборка остаётся удобным форматом для тестов: игроку не нужен установщик, а команде проще отправить рабочую версию заказчику, инвестору или участникам закрытого тестирования.

В релиз также включили библиотеку эффектов частиц и LittleJS AI Toolkit. В набор входят шаблоны, инструкции для агентов и плагины для Claude Code и ChatGPT. Речь не о генерации готовой игры по одной фразе — такой кнопки, к счастью или сожалению, здесь не заявлено. Инструменты скорее помогают встроить ассистентов в повторяющиеся задачи: подготовку заготовок, работу со структурой проекта, создание или доработку игровых компонентов. Практическая ценность будет зависеть от качества инструкций и от того, насколько легко разработчик сможет проверить сгенерированный код в конкретной сцене.

Для российских команд обновление интересно ещё и тем, что LittleJS распространяется по лицензии MIT. Это снимает вопрос роялти и позволяет изучать, менять и встраивать код в коммерческие проекты с соблюдением условий лицензии. Но открытая лицензия не отменяет инженерной работы: надо самостоятельно оценить поддержку нужных браузеров, производительность на целевых устройствах, пайплайн ассетов и объём внутренних инструментов, который проекту придётся написать поверх движка.

Веб-геймдев всё чаще выбирает не между «простым 2D» и «полноценным движком», а между скоростью эксперимента и стоимостью последующей поддержки. LittleJS с редакторами, смешанным рендером и AI Toolkit делает ставку именно на этот промежуток. Вопрос в том, хватит ли этой компактной платформы командам после первого успешного прототипа — или её главное место останется там, где особенно ценны быстрый запуск и короткая дистанция от идеи до ссылки на игру.

Поделиться: Telegram X LinkedIn