Многопользовательская игра по сбору монет
Совместная многопользовательская 2D-игра, реализованная с использованием HTML5, CSS3 и JavaScript с возможностями связи в реальном времени через WebSockets.
Оглавление
- Функции
- Начиная
- Геймплей
- Используемые технологии
- Инструкции по настройке
- Содействие
- Скриншоты
- Лицензия
Функции
- Синхронизация движений игроков в реальном времени.
- Коллекция монет с отслеживанием очков для двух игроков.
- Простая звуковая обратная связь при сборе монет.
- Адаптивный дизайн, подходящий для экранов разных размеров.
Геймплей
- Запустите игру и поделитесь своим кодом комнаты с другим игроком, чтобы пригласить его присоединиться.
- Используйте клавиши со стрелками или элементы управления WASD, чтобы перемещать своего персонажа по игровой зоне.
- Собирайте монеты, разбросанные по игровой зоне, чтобы увеличить свой счет.
- Обновления в реальном времени гарантируют, что оба игрока видят одно и то же состояние игры.
Используемые технологии
- HTML5 для структуры и содержания.
- CSS3 для стилизации и анимации.
- JavaScript для логики, обработки событий и связи в реальном времени через WebSockets или аналогичные протоколы.
- WebSockets для установления однорангового соединения и передачи данных между игроками.
Инструкции по настройке
Предварительные условия
- Современный веб-браузер (Chrome, Firefox, Edge).
- Node.js с установленным npm/yarn для запуска внутреннего сервера при необходимости. (Необязательно: если не используется статический файловый сервер.)
Этапы установки
- Клонируйте этот репозиторий на свой локальный компьютер:
- Перейдите в каталог проекта. В целях разработки вам может потребоваться запустить локальный веб-сервер для обслуживания файлов игры. Используйте простой HTTP-сервер, например live-server (пакет npm), если бэкэнд не задействован:
npm install -g live-server # Install live-server globally
live-server . # Start the server in this directory
Альтернативно просто переместите index.html в новую вкладку браузера.
Скриншоты
Скриншоты игры можно найти на странице «Релизы».
Содействие
Вклады приветствуются! Пожалуйста, отправьте запрос на включение любых улучшений, исправлений ошибок, новых функций и т. д. Обязательно следуйте существующим стилям кода и при необходимости включите тесты.
Лицензия
Этот проект лицензируется по лицензии MIT — подробности см. в файле LICENSE.