vue canvas websocket

vue+canvas+websocket+menos

Para praticar canvas, websocket e node, fiz um pequeno jogo. Você pode clicar aqui para visualizá-lo online.

Capturas de tela do projeto

Configuração de compilação

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

Progresso de conclusão

• Faça login. Após o login, o nome de usuário é armazenado em sessionStorage.
• Após o login, você pode escolher seu assento e informar a todos sobre seu assento através do ws.
• Enviar conteúdo Após fazer login, você pode publicar o conteúdo de entrada para todos por meio do ws.
• O histórico de bate-papo pode receber o conteúdo de digitação do bate-papo de todos e limpar a tela.
• Para iniciar o jogo, você pode clicar no botão Iniciar Jogo no primeiro andar. Após iniciar o jogo, você não poderá ajustar seu assento.
• Revezem-se para desenhar e adivinhar palavras olhando as imagens de acordo com a ordem dos assentos. Os jogadores que desenham imagens não estão autorizados a inserir ou enviar conteúdo.
• Selecione palavras aleatoriamente na lista de vocabulário. Apenas 12 palavras foram escritas para prática.
• Exibição especial quando o conteúdo enviado é a palavra correta (válido após o início do jogo).
• Mantenha a pontuação
• jogos em várias salas
• Terminal móvel