apple-catching-on-svelte Svelte Themes

Apple Catching On Svelte

🍎 Apple Catching Game

Apple Catching – это браузерная игра, написанная на Svelte, где вы управляете ведром, пытаясь поймать падающие яблоки. Цель игры – набрать как можно больше очков, ловя яблоки только верхней частью ведра. Пока функционал ограничен и играть довольно скучно, но в планах расширять проект.

🎮 Как играть

  • Управляйте ведром с помощью стрелок на клавиатуре или кнопок на экране.
  • Поймайте яблоко, чтобы заработать очко.
  • Если яблоко упадет мимо ведра, игра завершится.
  • В меню настроек можно изменить скорость падения яблока и ведра, а также выбрать стиль яблока и ведра и поменять язык интерфейса.

🔧 Функциональность

  • Смена темы: переключается автоматически в зависимости от предпочтений системы пользователя, но также может быть изменена вручную.
  • Смена языка: игра поддерживает два языка - английский и русский. Переключение можно произвести в настройках.
  • Режимы яблока и ведра, скорости: выберите стиль яблока и ведра, который вам больше нравится, также можете изменить скорость объектов.
  • Модальные окна: отображаются при проигрыше и для отображения информации или настроек игры.

📂 Структура проекта

  • App.svelte: основной компонент игры, который включает в себя другие компоненты.
  • Modal.svelte: компонент модальных окон для отображения настроек, информации и уведомлений об окончании игры.
  • MainWindow.svelte: компонент для основной логики и стилей проекта.

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

  1. Клонируйте репозиторий:

    git clone https://github.com/your-username/catch-the-apple.git
    
  2. Установите пакетный менеджер:

    npm install
    
  3. Запустите проект:

    npm run dev
    
  4. Откройте http://localhost:xxxx в вашем браузере.

🚀 Технологии

  • Svelte – платформа для создания компонентов и интерфейса игры, в самом фреймворке использовался обычный JS, HTML, CSS.

🌟 Скриншоты

Основной экран игры

Настройки

Светлая тема

На смартфоне

🙌 Вклад

Если у вас есть предложения по улучшению игры или вы нашли баг, пожалуйста, создайте новый Issue или отправьте Pull Request. Будем рады любому вкладу!

📞 Контакты

Top categories

Loading Svelte Themes