← Все новости·2026-08-11·4 мин чтения

Игры с открытым кодом: 100+ JavaScript-примеров для вайб-кодера

Каталог из 100+ открытых HTML5 и JavaScript-игр — Pac-Man, 2048, UNO с мультиплеером — как точка опоры, когда строишь собственную игру с агентом.

gamesvibejavascripthtml5open-source

Когда хочу сделать игру, самое сложное — не код. Это понять, как вообще объяснить агенту что именно хочешь. Игровая логика конкретная и капризная: коллизии, счёт, ввод с клавиатуры, переходы между уровнями. Даже простой клон 2048 внутри устроен сложнее чем выглядит. Агент напишет — но только если сможешь описать что именно.

Лучший способ, который я нашёл: дать агенту уже готовую игру похожую на то что хочешь. Не объяснять абстрактно, а сказать «хочу что-то вот такое, вот код». И для этого идеально подходит этот список.

Исходники

proyecto26/awesome-jsgames

★ 962

Открыть на GitHub →

Awesome JS Games — это каталог из 100+ браузерных игр с открытым кодом на JavaScript и HTML5. Все они лежат на GitHub с полным исходником: приключения, аркады, пазлы, стратегии, шутеры. Есть Pac-Man, 2048, Blitz Tactics (шахматные пазлы), UNO-клон с онлайн-мультиплеером, Ancient Beast (пошаговая стратегия) и даже «портфолио разработчика в виде 2D-игры». Всё разбито по жанрам — легко найти нужное. Лицензия CC0 — используй как хочешь.

Что внутри

Большинство игр в списке — участники js13kGames, соревнования где нужно уложить игру в 13 килобайт. Такое ограничение требует чистоты: никаких тяжёлых фреймворков, никаких сложных пайплайнов, только HTML5 и JS. Это значит что исходник читаемый — по крайней мере для агента. В списке есть и более крупные проекты — Ancient Beast, полноценная мультиплеерная стратегия, и UNO с живыми онлайн-матчами. Помимо самих игр, каталог содержит ссылки на Google JavaScript Style Guide и Chrome Experiments от Google — витрину экспериментальных браузерных проектов.

Как использовать вайб-кодеру

Читать исходники самому не нужно — для этого есть агент. Рабочий сценарий простой. Листаешь список по жанрам, находишь игру похожую на то что хочешь сделать. Копируешь ссылку на её GitHub. Описываешь агенту свою версию и прикладываешь ссылку. Агент читает код и адаптирует под твоё задание.

  1. 1Открой каталог и пролистай по жанрам — аркада, пазл, стратегия, приключение
  2. 2Найди игру, которая ближе всего к тому, что хочешь построить
  3. 3Скопируй её ссылку на GitHub из списка
  4. 4Напиши агенту: «Хочу игру как эта [ссылка], но с [изменением]»
  5. 5Агент читает код и делает твою версию
✓Что в итоге

Справочная библиотека из 100+ рабочих JavaScript-игр — от крошечных аркад весом 13 КБ до полноценных мультиплеерных стратегий. Выбираешь похожую игру как основу, даёшь агенту ссылку на GitHub и описываешь что хочешь изменить. Никаких установок, никакого чтения кода, никаких абстрактных объяснений что такое «коллизии».

Источник: github.com

Бесплатный курс

Хватит читать про ИИ — начни строить с ним

Бесплатный курс Claude Code: свой первый сайт, инструмент или игра — без программирования. Без апсейлов и кросс-сейлов — здесь нечего купить.

Начать →
ЕАЕвгений Арсентьев

Автор

Евгений Арсентьев

PhD · CEO, digital health