Неоновый Змей: Киберпанк Игра на Canvas
Описание промпта
Готовый код игры 'Cyber Grid Link' в одном HTML-файле. Современная механика змейки с частицами, неоновым стилем и адаптивной сеткой.
- Генерирует самодостаточный HTML-файл с игрой 'Cyber Grid Link'. Использует HTML5 Canvas и Vanilla JS для рендеринга. Реализует плавное движение змейки через LERP, динамическое искажение фона и неоновую графику без внешних зависимостей.
- Экономит время на настройку среды разработки. Демонстрирует продвинутые техники Canvas-анимации и интерполяции. Легко расширяется или модифицируется благодаря чистой структуре кода в одном файле.
- Разработчики игр, изучающие Canvas API, энтузиасты киберпанк-эстетики, преподаватели программирования для демонстрации анимации и игровой логики.
Скопируй сгенерированный код в файл index.html. Открой его в браузере. Используй стрелки или WASD для управления. Избегай столкновений с барьерами и хвостом змейки.
Любой современный браузер с поддержкой ES6+. Не требует установки Node.js или сборщиков. Работает локально при открытии файла.
Полностью рабочий игровой цикл с плавной анимацией, системой очков, эффектами частиц и адаптивным визуальным стилем киберпанк.
Код оптимизирован для производительности. Для изменения скорости или размеров сетки отредактируйте константы в начале скрипта. Совместим с десктопными и мобильными браузерами (требует адаптации тач-управления).
Отсутствие звукового сопровождения и сложной системы уровней. Графика программная, без использования текстурных карт. Управление только клавиатурой по умолчанию.
Промпт открыт для всех. Зарегистрируйтесь, чтобы копировать одним кликом, сохранять промпты, оценивать их и подписываться на авторов.
Текст промпта
ChatGPT / Claude / Llama
Войти для копирования
Выступи в роли эксперта по разработке игр на HTML5 Canvas. Твоя задача — написать полный, играбельный код в одном файле (index.html) для игры под названием 'Cyber Grid Link'.
ТРЕБОВАНИЯ К ИГРЕ:
1. Механика: Управляй змейкой, состоящей из связанных векторных частиц. Цель — собирать светящиеся кристаллы энергетической матрицы, чтобы удлинять цепь, избегая движущихся барьеров-фаерволов.
2. Технические условия:
- Один файл: чистый Vanilla JS внутри HTML, без внешних библиотек и ассетов.
- Рендеринг: HTML5 2D Canvas с циклом requestAnimationFrame.
- Движение: Используй LERP-интерполяцию для плавного, органичного движения сегментов змейки, избегая классических блочных шагов.
- Управление: Стрелки или WASD для абсолютного направления.
3. Визуальный стиль:
- Киберпанк: темная тема, неоновые акценты.
- Сетка: должна слегка искажаться (локальное смещение координат) вблизи головы змейки.
- Змейка: пульсирующий градиентный текстурный эффект.
Напиши полный код, готовый к запуску в браузере.
Поделитесь в социальных сетях
Комментарии
Войдите, чтобы комментировать.
Комментариев пока нет.