Тендерный форсаж
Тематическая браузерная гонка «Министерство vs Алгоритм-44» для презентации РЦТ на крупных конференциях по государственным закупкам.
Задача: привлечь внимание к стенду Регионального центра торгов на конференциях и выставках по госзакупкам — как ледокол, демонстрация возможностей AI-разработки и повод для неформального общения с участниками мероприятий по 44-ФЗ.
Создана методом Vibe Coding: генерация HTML/CSS/JavaScript через GigaChat API и итеративная доработка через диалог с ИИ. Работает автономно, без серверной части.
Ключевые возможности
Игровая механика
Соревнование двух машин — «Министерство» (жёлтая) и «Алгоритм-44» (синяя) — на вертикальной трассе. Цель — первым пересечь финиш.
- Два игрока — управление через WASD и стрелки
- Физика движения — ускорение и торможение
- Столкновения — с границами трассы
Рекорды
Система рекордов с сохранением в localStorage, топ-5 результатов на экране рекордов, автоматическое обновление при новых достижениях.
Визуальный стиль
Корпоративная стилистика РЦТ: жёлтый #FFD700, синий #00CED1, тёмно-синий фон #0a0e27. Пиксельная графика в стиле ретро-аркад, неоновый заголовок «ТЕНДЕРНЫЙ ФОРСАЖ», анимация дорожной разметки.
Для больших экранов
Адаптивный дизайн для демонстрации на больших экранах конференций.
Как это работает
Промпты к GigaChat API — генерация базового HTML/CSS/JavaScript
Итеративная доработка через диалог с ИИ
Финальная оптимизация вручную
Игра в одном HTML-файле — без серверной части
Демонстрация на стенде конференции
Архитектура и технологии
Single HTML file с Canvas API для анимации 60 FPS, обработка клавиатурного ввода через addEventListener, requestAnimationFrame, физика движения с ускорением и торможением. Рекорды — в localStorage.
HTML5, CSS3, JavaScript (ES6); базовый код сгенерирован через GigaChat API методом Vibe Coding.
Что сделано
Концепция и генерация
- Концепция игры для конференций по госзакупкам
- Промпты для генерации базового кода через GigaChat
- Генерация HTML/CSS/JavaScript структуры игры через AI
- Итеративная доработка игровой механики через диалог с ИИ
Механика
- Управление двумя игроками (WASD + стрелки)
- Физика движения с ускорением и торможением
- Анимированная трасса через Canvas API
- Система столкновений с границами трассы
Дизайн
- Визуальный дизайн в корпоративных цветах РЦТ
- Пиксельная графика машин в стиле ретро-аркад
- Анимация дорожной разметки с эффектом движения
- Неоновый заголовок «ТЕНДЕРНЫЙ ФОРСАЖ», кнопки «НАЧАТЬ ГОНКУ» и «РЕКОРДЫ»
Рекорды и качество
- Система рекордов с localStorage, топ-5 результатов, автообновление
- Оптимизация производительности до 60 FPS
- Тестирование на различных браузерах и устройствах
- Адаптация для больших экранов конференций, финальная полировка
⭐ Ключевой момент: игра создана методом Vibe Coding через GigaChat API — и сама показывает посетителям стенда, что умеет AI-разработка.
Итог
Автономная браузерная игра без серверной части для конференций по 44-ФЗ — созданная методом Vibe Coding.