Для создания простой игры «Ну, погоди» на JavaScript, где заяц убегает от волка, можно использовать HTML5 Canvas. Ниже представлен базовый пример кода, который демонстрирует основную механику игры. **HTML:** ```html Ну, погоди

Ну, погоди!

``` **JavaScript (game.js):** ```javascript const canvas = document.getElementById('gameCanvas'); const ctx = canvas.getContext('2d'); // Размеры холста const canvasWidth = canvas.width; const canvasHeight = canvas.height; // Характеристики зайца let rabbitX = canvasWidth / 2; let rabbitY = canvasHeight / 2; const rabbitSize = 50; // Характеристики волка let wolfX = 100; let wolfY = 100; const wolfSize = 60; // Скорость волка const wolfSpeed = 2; // Функция для отрисовки зайца function drawRabbit() { ctx.fillStyle = 'orange'; ctx.beginPath(); ctx.arc(rabbitX, rabbitY, rabbitSize, 0, Math.PI * 2); ctx.fill(); } // Функция для отрисовки волка function drawWolf() { ctx.fillStyle = 'gray'; ctx.beginPath(); ctx.arc(wolfX, wolfY, wolfSize, 0, Math.PI * 2); ctx.fill(); } // Функция для обновления позиции волка function updateWolfPosition() { // Волк движется к зайцу if (wolfX < rabbitX) { wolfX += wolfSpeed; } else if (wolfX > rabbitX) { wolfX -= wolfSpeed; } if (wolfY < rabbitY) { wolfY += wolfSpeed; } else if (wolfY > rabbitY) { wolfY -= wolfSpeed; } } // Основная функция игрового цикла function gameLoop() { // Очистка холста ctx.clearRect(0, 0, canvasWidth, canvasHeight); // Обновление позиции волка updateWolfPosition(); // Отрисовка зайца и волка drawRabbit(); drawWolf(); // Проверка столкновения const distance = Math.sqrt((rabbitX - wolfX) ** 2 + (rabbitY - wolfY) ** 2); if (distance < rabbitSize + wolfSize) { alert('Волк поймал зайца! Игра окончена.'); return; } // Повторный вызов игрового цикла requestAnimationFrame(gameLoop); } // Управление зайцем с помощью клавиш document.addEventListener('keydown', (event) => { switch (event.key) { case 'ArrowLeft': rabbitX -= 10; break; case 'ArrowRight': rabbitX += 10; break; case 'ArrowUp': rabbitY -= 10; break; case 'ArrowDown': rabbitY += 10; break; } }); // Запуск игры gameLoop(); ``` Этот код создаёт простую игру, где заяц (оранжевый круг) можно управлять с помощью клавиш со стрелками, а волк (серый круг) автоматически движется в сторону зайца. Если волк догоняет зайца, игра заканчивается. **Как это работает:** 1. **HTML** создаёт холст (`

Создание игры «Ну, погоня!» на JS

Похожее