go space chat

Solitario

característica

1. Admite la modificación de género y el reemplazo de color
2. Soporte de filtrado de palabras sensible
3. Modificación del nombre de soporte

introducir

Los efectos visuales de 3D se simulan a través del lienzo 2D.

Y en este proyecto, ProtoBuf se utiliza para realizar protocolos de comunicación front-end y back-end, ¡lo cual es muy conveniente!

funcionar

1. El proyecto utiliza teclas WASD tradicionales para controlar, abajo, hacia abajo y hacia la derecha.
2. Los ojos pueden girar de acuerdo con la posición del ratón
3. Presione space para ingresar un mensaje, presione Entrar para enviar un mensaje
4. Puede ingresar un nombre en el botón en la esquina superior izquierda y hacer clic en el nombre en el espacio en blanco para entrar en vigencia

Docker (recomendado)

El último soporte es utilizar Docker-Compose para comenzar el servicio. Después de clonar el proyecto, ejecute los siguientes comandos directamente

 docker-compose up -d

Visite http://localhost:8081

Ejecutar localmente

 go run main.go

Este comando iniciará el servidor web como un servicio estático, predeterminado al puerto 80. Si necesita modificar el puerto, use el siguiente comando

 go run main.go -web_server 8081

El puerto de servicio de WebSocket predeterminado para el inicio del proyecto es el puerto 9000, si se modifica

 go run main.go -socket_server 9001

Nota: Si modifica el puerto de WebSocket, debe modificar el puerto de socket en JS

Herramientas técnicas

Front-end vue+lienzo+websocket+protoBuf

Backend Golang+WebSocket+ProtoBuf+Goroutine

Dificultades interesantes

Aquí hay algunos problemas interesantes encontrados durante el proceso de implementación.

1. ¿Cómo implementar un lienzo infinito?
2. ¿Cómo lograr la sincronización del estado del juego?

instrucción de generación de archivos proto

 protoc -I ./ *.proto --go_out=.

 protoc --js_out=import_style=commonjs,binary:. *.proto

Enlaces relacionados

Uso básico de lienzo

Guía de protobuf

Vue.js