go space chat

Solitaire

fonctionnalité

1. Prend en charge la modification des sexes et le remplacement des couleurs
2. Soutenir le filtrage des mots sensibles
3. Modification du nom de support

introduire

Les effets visuels de la 3D sont simulés par toile 2D.

Et dans ce projet, Protobuf est utilisé pour effectuer des protocoles de communication frontaux et back-end, ce qui est très pratique!

fonctionner

1. Le projet utilise des clés WASD traditionnelles pour contrôler, vers le bas, la gauche et la droite
2. Les yeux peuvent tourner en fonction de la position de la souris
3. Appuyez sur space pour entrer un message, appuyez sur Entrée pour envoyer un message
4. Vous pouvez entrer un nom sur le bouton dans le coin supérieur gauche et cliquer sur le nom dans l'espace vide pour prendre effet

docker (recommandé)

Le dernier support consiste à utiliser Docker-Compose pour démarrer le service. Après le clonage du projet, exécutez directement les commandes suivantes

 docker-compose up -d

Visitez http://localhost:8081

Courir localement

 go run main.go

Cette commande démarrera le serveur Web en tant que service statique, par défaut au port 80. Si vous devez modifier le port, utilisez la commande suivante

 go run main.go -web_server 8081

Le port de service WebSocket par défaut pour le démarrage du projet est le port de 9000, s'il est modifié

 go run main.go -socket_server 9001

Remarque: Si vous modifiez le port WebSocket, vous devez modifier le port de socket en js

Outils techniques

Front-end Vue + Canvas + WebSocket + Protobuf

Backend Golang + WebSocket + Protobuf + Goroutine

Difficultés intéressantes

Voici quelques problèmes intéressants rencontrés pendant le processus de mise en œuvre

1. Comment implémenter une toile infinie?
2. Comment réaliser la synchronisation de l'état du jeu?

Instruction de génération de fichiers proto

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

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

Liens connexes

Utilisation de base sur toile

Guide de Protobuf

Vue.js