Браузерная головоломка в стиле киберпанк. Ячейки 2048 — живые светящиеся сферы с жидкой физикой и процедурным огнём. Single-file HTML, zero dependencies, MIT.
Киберпанк-тематика, жидкие сферы, процедурные эффекты. Открываешь в браузере, играешь. Работает офлайн через file:// — один файл, никаких зависимостей.
- 🌐 WebGL2 рендерер с Canvas2D fallback — работает на любом железе последних 5 лет
- 💧 Жидкая физика — metaballs через marching squares, сферы сливаются как капли ртути
- 🔥 Процедурный огонь на высоких значениях — частицы с затуханием, glow
- 🎵 Процедурная музыка через Web Audio API — 8 треков, адаптивный темп под интенсивность
- 🎨 Фоны — Cyberpunk / Space / Dark / Synthwave (из shared-backgrounds)
- ✨ Supernova victory — при достижении 2048 срабатывает space warp с chromatic aberration
- 🥚 Easter egg — игра продолжается после победы, логотип меняется на
ORB 4096,ORB 8192, ... - 📦 Один файл
index.html(~300 KB) — можно сохранить и играть офлайн, нет внешних зависимостей
Ячейки сливаются как капли ртути — metaballs + marching squares. Чем выше значение, тем агрессивнее визуал: 2048 → supernova с space-warp.
4 фоновых темы (Cyberpunk / Space / Dark / Synthwave), выбор рендерера (WebGL2 / Canvas2D), RU/EN локализация, настройка громкости и трека.
- Стрелки / WASD — сдвиг поля
- Swipe на тач-устройствах
- Space — пауза
- M — mute аудио
- Кнопка 💫 в углу — смена темы
Проверено — играется нормально, свайп пальцем подхватывается, WebGL2 работает на современных устройствах. Единственное что не доделано — нет автоматического полноэкранного режима, панели браузера остаются сверху. Как вариант — через меню браузера «Добавить на главный экран» или смахнуть адресную строку.
В настройках → Debug / Autoplay — включается бот который играет сам. Запускаешь, оставляешь вкладку в фоне, на экране весело мельтешит. Если у тебя СДВГ — идеальный визуальный шум, когда нужно чтобы в углу экрана постоянно что-то двигалось, пока делаешь другую работу.
Просто открой index.html в браузере. Работает через file:// — можно скачать файл и играть офлайн, никакого сервера.
# Или через локальный сервер (для dev):
python -m http.server 8880
# → http://localhost:8880/Для полного звука: Chrome / Firefox / Edge последних версий. На Safari Web Audio работает, но возможна задержка старта (AudioContext autoplay policy).
Движок — собственная реализация:
- Marching squares — скалярное поле суммы гауссовых функций от 16 ячеек, порог → контур
- Liquid blending — аддитивное смешение + threshold, эффект жидких капель
- Particle engine — spawn-based с gravity и lifespan'ом, покрашен по палитре value'а ячейки
- WebAudio композитор — 8 синтезируемых тем на oscillator'ах + filters + reverb, без MP3/OGG
Подробный журнал разработки с техническими деталями: DEVLOG.md
v1.0.7 — последний релиз. Проходит тестирование на устройствах (iOS Safari, Android Chrome, Desktop).
Оригинальная 2048 написана Gabriele Cirulli в марте 2014 за выходные и выложена под MIT. Игра мгновенно стала феноменом — сотни клонов разошлись по App Store и Google Play. Одни авторы клонов заработали десятки и сотни тысяч долларов на показе рекламы, другие сделали платные версии. Сам Чирулли отреагировал спокойно: «I don't really mind. It's open source, and people can do what they want with it» (The Guardian, 2014 · история и клоны — Wikipedia).
Эта версия — тоже MIT. Бери, форкай, ставь свой скин, публикуй в сторах, монетизируй рекламой — не жалко, на то она и MIT. Если упомянешь источник где-нибудь в About — будет приятно, но это необязательно. Код нужен не чтобы владеть — а чтобы жил.
Пара мыслей, если кто-то всё-таки возьмётся:
- Жидкая физика (marching squares + metaballs) — самая заметная фишка, на ней легко ребрендить игру в любой жанр, не только 2048
- Процедурная WebAudio музыка — 8 треков, без аудио-файлов, легко заменить
- WebGL2 шейдеры в
index.html— можно выдернуть как отдельную библиотеку
Инструменты из той же "лаборатории":
- lava-orb — npm-библиотека температурно-реактивного орба для
<input type=range> - liquid-orb-editor — интерактивный редактор жидкой физики
- fire-particle-editor — редактор огненных частиц
- shared-backgrounds — WebGL2 библиотека фонов
- orb-arkanoid — второй orb-game (арканоид)
MIT © 2026 andromanpro
Cyberpunk browser puzzle. 2048 cells are living glowing spheres with liquid physics and procedural fire. Single-file HTML, zero dependencies, MIT.
Open index.html in any browser (even from file://). WebGL2 with Canvas2D fallback. Web Audio procedural music. Full devlog in DEVLOG.md.
Controls: arrows/WASD or swipe. Space = pause. M = mute.
🌐 androman.pro · ✈ Telegram