vue canvas websocket

vue+canvas+websocket+moins

Afin de pratiquer Canvas, Websocket et Node, j'ai créé un petit jeu. Vous pouvez cliquer ici pour le voir en ligne.

Captures d'écran du projet

Configuration de la construction

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

Avancement de l'achèvement

• Connectez-vous. Une fois connecté, le nom d’utilisateur est stocké dans sessionStorage.
• Après vous être connecté, vous pouvez choisir votre siège et indiquer à tout le monde votre siège via ws.
• Envoyer du contenu. Une fois connecté, vous pouvez publier le contenu d'entrée à tout le monde via ws.
• L’historique des discussions peut recevoir le contenu de discussion de tout le monde et effacer l’écran.
• Pour démarrer le jeu, vous pouvez cliquer sur le bouton Démarrer le jeu au premier étage. Après avoir démarré le jeu, vous ne pouvez pas régler votre siège.
• À tour de rôle, dessinez des images et devinez des mots en regardant les images selon l'ordre des sièges. Les joueurs qui dessinent des images ne sont pas autorisés à saisir ou à envoyer du contenu.
• Sélectionnez au hasard des mots dans la liste de vocabulaire. Seuls 12 mots ont été écrits pour la pratique.
• Affichage spécial lorsque le contenu envoyé est le mot correct (valable après le démarrage du jeu).
• Garder le score
• jeux multi-pièces
• Terminal mobile