vue canvas websocket

vue+canvas+websocket+less

Чтобы попрактиковаться в использовании Canvas, WebSocket и Node, я создал небольшую игру. Вы можете нажать здесь, чтобы просмотреть ее онлайн.

Скриншоты проекта

Настройка сборки

//clone
npm install
//start server
node app.js
//start vue in another terminal
npm run dev

Ход завершения

• Войдите в систему. После входа в систему имя пользователя сохраняется в sessionStorage.
• После входа в систему вы можете выбрать свое место и сообщить всем о своем месте через ws.
• Отправка контента После входа в систему вы можете публиковать входной контент для всех через ws.
• В истории чата можно получить информацию о вводе сообщений в чате и очистить экран.
• Чтобы начать игру, вы можете нажать кнопку «Начать игру» на первом этаже. После запуска игры вы не сможете отрегулировать свое сиденье.
• По очереди рисуйте картинки и угадывайте слова, просматривая картинки в порядке расположения мест. Игрокам, рисующим картинки, не разрешается вводить или отправлять контент.
• Случайным образом выберите слова из словарного списка. Для практики было написано всего 12 слов.
• Специальное отображение, когда отправленный контент является правильным словом (действительно после запуска игры).
• Ведите счет
• многокомнатные игры
• Мобильный терминал