Интерактивная онлайн-игра «Football»
Разработать интерактивную онлайн-игру «Football» на основе Next.js для фронтенда и NestJS для бэкенда, использующую Socket.io для обеспечения синхронной игры между двумя пользователями на планшетах Digma Pro Empire. Игра должна включать функцию поиска и подключения пользователей, находящихся одновременно на сайте, с последующим запуском матча.
- Разработка бэкенда: На первом этапе создали серверную часть игры с использованием Nest.js3, реализовав логику синхронного подключения игроков через Socket.io и обеспечив стабильное взаимодействие в реальном времени.
- Верстка фронтенда: На основе Next.js разработали адаптивный и интерактивный интерфейс игры, включая Canvas для отрисовки траекторий ударов и выбора позиций, обеспечивая интуитивное управление для пользователей
- Интеграция фронтенда и бэкенда: Выполнили бесшовную интеграцию клиентской и серверной частей, обеспечив синхронное взаимодействие игроков, корректную обработку игровых механик и смену ролей в реальном времени.
- Тестирование: Провели комплексное тестирование функциональности игры, включая проверку синхронизации через Socket.io, корректности работы Canvas и стабильности игрового процесса, гарантируя отсутствие ошибок и плавный пользовательский опыт.
• Подключение игроков: функция поиска и синхронного подключения двух пользователей, находящихся одновременно на сайте, для старта интерактивного футбольного матча.
• Игровая механика с Canvas: интерактивная система, позволяющая атакующему игроку задавать траекторию удара с помощью стилуса на Canvas, а защитнику выбирать позицию для блокировки, с определением победителя на основе совпадения или несовпадения траекторий.
• Синхронная игра через Socket.io: реализация реального времени для одновременного взаимодействия игроков с динамической сменой ролей атакующего и защитника для сбалансированного игрового процесса.
Разработана интерактивная онлайн-игра «Football» с использованием Next.js для фронтенда и Nest.js для бэкенда, обеспечивающая динамичное взаимодействие двух игроков в реальном времени через Socket.io. Реализована функция синхронного подключения пользователей, позволяющая находить друг друга для старта матча при одновременном нахождении на сайте на планшетах Digma Pro Empire. С помощью системы Canvas создана интуитивная механика игры: атакующий игрок задаёт траекторию удара стилусом, а защитник выбирает позицию для блокировки, причём победа присуждается атакующему при несовпадении траектории и позиции. Роли игроков динамически меняются после каждого раунда, обеспечивая сбалансированный игровой процесс.
Альберт Зурнаджян
Тим Лид
Иван Шабалин
Партнёр - Операционный директор
Next.js; Nest.js; Socketio