vue canvas websocket

vue+lienzo+websocket+menos

Para practicar canvas, websocket y node, hice un pequeño juego. Puedes hacer clic aquí para verlo en línea.

Capturas de pantalla del proyecto

Configuración de compilación

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

Progreso de finalización

• Inicie sesión. Después de iniciar sesión, el nombre de usuario se almacena en sessionStorage.
• Después de iniciar sesión, puede elegir su asiento y decirle a todos su asiento a través de ws.
• Envíe contenido. Después de iniciar sesión, puede publicar el contenido de entrada para todos a través de ws.
• El historial de chat puede recibir el contenido de escritura del chat de todos y borrar la pantalla.
• Para comenzar el juego, puedes hacer clic en el botón Iniciar juego en el primer piso. Después de comenzar el juego, no puedes ajustar tu asiento.
• Túrnense para hacer dibujos y adivinar palabras mirando las imágenes según el orden de los asientos. Los jugadores que hacen dibujos no pueden ingresar ni enviar contenido.
• Seleccione palabras al azar de la lista de vocabulario. Sólo se escribieron 12 palabras para practicar.
• Visualización especial cuando el contenido enviado es la palabra correcta (válido después de que comienza el juego).
• mantener la puntuación
• juegos de varias habitaciones
• Terminal móvil