webddz

==============

Описание

Технологическая стопка: JavaScript + Canvas + WebSocket + Webpack3

Этот проект использует часть базового кода из однопользовательской версии игры «Дурак», что послужило мотивацией для создания этого проекта благодаря тому, что исходный код уже реализовал большую часть API Canvas.

Это мой первый опыт в создании клиентского приложения для игры с нуля. После нескольких дней планирования я начал работу над архитектурой кода, и проект был завершен за два месяца. В данный момент были реализованы такие модули как вход пользователя, создание игрока, создание комнаты, вход в комнату, выбор роли «Земля», раздача карт, игра картами, сравнение карт и т.д. Серверная часть была выполнена с использованием PHP-фреймворка WorkerMan, а также баз данных MySQL.

Этот проект представляет собой только клиентскую часть. Для просмотра серверной части можно перейти по ссылке.

Не завершены: опции для создания комнаты, очки пользователя, выход из комнаты, завершение хода, окончательный счет игры, авторизация через третьих лиц, чат, адаптация для мобильных устройств.

По различным причинам работа над этим проектом была прекращена. Надеюсь, этот проект поможет новичкам в обучении или тем, кто интересуется такой архитектурой для создания игр!## Интерфейс игры

Онлайн просмотр

Тестовый адрес: https://www.oyoula.com/ddz

Локальное развитие

Перед запуском убедитесь, что NODEJS установлен в вашей среде разработки, а также установите WEBPACK3.

Инициализация:

npm install
npm install --save-dev webpack webpack-dev-server html-webpack-plugin file-loader url-loader babel-core babel-loader babel-preset-es2015 babel-preset-react babel-preset-env

Просмотр:

npm run server

Упаковка:

npm run build