Frog Leap Game 🐸

Описание

Frog Leap Game — это увлекательная аркадная игра, созданная с использованием HTML5, Canvas, JavaScript, и CSS, а также инструмента сборки Vite. В игре вам предстоит управлять лягушкой, прыгающей с кувшинки на кувшинку, чтобы ловить летающих мошек и набирать очки. Будьте осторожны: если лягушка промахнется мимо кувшинки, она утонет, и игра закончится.

Основные особенности

• Интуитивное управление: Используйте клавиши стрелок для перемещения лягушки влево и вправо, а также для прыжка.
• Анимация и физика: Лягушка подчиняется законам гравитации, а мошки двигаются случайным образом, что добавляет сложности игре.
• Музыкальное сопровождение: Игра сопровождается расслабляющей фоновой музыкой, созданной с помощью сервиса Suno AI - www.suno.com. Музыка зацикливается, создавая непрерывный звуковой фон.
• Эффекты погружения: Реалистичные всплески воды появляются, когда лягушка падает в воду.
• Система счета: Ловите мошек и набирайте очки. Результат отображается в верхнем углу экрана.

Установка и запуск

1. Склонируйте репозиторий на ваш локальный компьютер:

   git clone https://github.com/ваш-репозиторий/frog-leap-game.git
   

2. Перейдите в папку проекта:

   cd frog-leap-game
   

3. Установите зависимости:

   npm install
   

4. Запустите локальный сервер:

   npm run dev
   

5. Откройте игру в браузере по адресу
   http://localhost:3000
   .

Как играть

• Нажмите кнопку
  Play
  , чтобы начать игру.
• Используйте клавиши
  ←
  и
  →
  для перемещения лягушки влево и вправо.
• Нажмите
  ↑
  для прыжка на следующую кувшинку.
• Ловите мошек, чтобы заработать очки. Чем больше мошек вы поймаете, тем выше ваш счет.
• Будьте осторожны, чтобы лягушка не упала в воду!