RU: Это простая и увлекательная игра-раннер, вдохновлённая классической игрой Chrome Dinosaur. Управляйте динозавром, прыгайте через кактусы и старайтесь продержаться как можно дольше!
EN: A simple and engaging runner game inspired by the classic Chrome Dinosaur game. Control a dinosaur, jump over cacti, and try to survive as long as possible!
- 🦖 Автоматическое движение - динозавр бежит сам!
- 🌵 Множественные препятствия - три кактуса на экране одновременно
- 📱 Сенсорное управление - работает на мобильных устройствах
- ⌨️ Управление клавиатурой - используйте стрелки для прыжков
- 🎯 Система столкновений - точное определение касаний
- 🎨 Минималистичный дизайн - чистая и простая графика
- 🔄 Бесконечная игра - кактусы появляются снова и снова
- Откройте файл
index.htmlв любом современном браузере - Игра начнётся автоматически!
- Динозавр начнёт двигаться вперёд сам
OR
- Open
index.htmlfile in any modern browser - The game starts automatically!
- The dinosaur will start moving forward automatically
| Клавиша / Key | Действие / Action |
|---|---|
| ⬆️ Arrow Up | Прыжок / Jump |
| 📱 Touch Screen | Прыжок / Jump |
| ➡️ Arrow Right | Начать движение вперёд / Start moving forward |
🎯 Избегайте кактусы! Прыгайте вовремя, чтобы не столкнуться с препятствиями.
🎯 Avoid the cacti! Jump in time to avoid colliding with obstacles.
💥 Столкновение с кактусом останавливает игру!
💥 Collision with a cactus stops the game!
Dino/
│
├── index.html # Главная HTML страница / Main HTML page
├── index.js # Игровая логика / Game logic
├── README.md # Этот файл / This file
└── img/ # Графические ресурсы / Graphics
├── dino.png # Спрайт динозавра / Dinosaur sprite
└── kaktus.png # Спрайт кактуса / Cactus sprite
- HTML5 - Структура страницы
- Vanilla JavaScript - Игровая логика без фреймворков
- DOM Manipulation - Динамическое создание элементов
- CSS (Inline) - Стилизация через JavaScript
Скорость динозавра / Dino speed: 1px/frame
Скорость кактусов / Cactus speed: 1px/frame
Высота прыжка / Jump height: 50px
Длительность прыжка / Jump duration: 800ms
Частота проверки столкновений / Collision check: 1ms
Дистанция столкновения / Collision distance: <10pxДинозавр автоматически движется вперёд до центра экрана при запуске игры.
Три кактуса появляются на случайных расстояниях и двигаются влево. Когда кактус выходит за экран, он появляется снова справа на новой случайной позиции.
Игра постоянно проверяет расстояние между динозавром и каждым кактусом. Если расстояние меньше 10 пикселей и динозавр находится на земле - происходит столкновение.
# Клонируйте репозиторий / Clone the repository
git clone https://github.com/MrKarkk/Dino.git
# Перейдите в директорию / Navigate to directory
cd Dino
# Откройте index.html в браузере / Open index.html in browser
# Или используйте live server / Or use live serverИгра выводит полезную информацию в консоль браузера:
🎮 Игра началась! Динозавр бежит автоматически
⬆️ Нажата стрелка вверх — ручной прыжок
🦖 Прыжок!
⬇️ Динозавр приземлился
🌵 Кактус 1 появился снова на расстоянии 523 пикселей
💥 Динозавр столкнулся с кактусом 2! Игра остановлена!
Вы можете легко изменить параметры игры в index.js:
// Измените скорости / Change speeds
let speed = 1; // Скорость динозавра / Dino speed
let kaktusSpeed = 1; // Скорость кактусов / Cactus speed
// Измените размеры / Change sizes
dino.style.width = '50px'; // Размер динозавра / Dino size
kaktus.style.width = '50px'; // Размер кактуса / Cactus size
// Измените цвет фона / Change background color
container.style.backgroundColor = '#f0f0f0';Идеи по улучшению приветствуются! Не стесняйтесь создавать issues или pull requests.
Ideas for improvement are welcome! Feel free to create issues or pull requests.
Этот проект создан в образовательных целях и распространяется свободно.
This project is created for educational purposes and is freely distributed.
Created with ❤️ by MrKarkk