go space chat

Einsam

Besonderheit

1. Unterstützt Geschlechtsänderung und Farbersatz
2. Unterstützen Sie die sensible Wortfilterung
3. Unterstützungsname -Änderung

einführen

Die visuellen Effekte von 3D werden durch Leinwand 2D simuliert.

Und in diesem Projekt wird Protobuf verwendet, um Front-End- und Back-End-Kommunikationsprotokolle durchzuführen, was sehr bequem ist!

arbeiten

1. Das Projekt verwendet traditionelle WASD -Schlüssel, um nach oben, unten, links und rechts zu steuern
2. Die Augen können sich entsprechend der Position der Maus drehen
3. Drücken Sie space , um eine Nachricht einzugeben. Drücken Sie die Eingabetaste, um eine Nachricht zu senden
4. Sie können einen Namen in der Schaltfläche in der oberen linken Ecke eingeben und auf den Namen im leeren Raum klicken, um wirksam zu werden

Docker (empfohlen)

Die neueste Unterstützung besteht darin, Docker-Compose zu verwenden, um den Service zu starten. Führen Sie nach dem Klonen des Projekts die folgenden Befehle direkt aus

 docker-compose up -d

Besuchen Sie http://localhost:8081

Vor Ort laufen

 go run main.go

Dieser Befehl startet Web-Server als statischer Dienst, Standard für Port 80. Wenn Sie den Port ändern müssen, verwenden Sie den folgenden Befehl

 go run main.go -web_server 8081

Der Standard -WebSocket -Service -Port für das Projektstart ist 9000 Port, falls geändert

 go run main.go -socket_server 9001

Hinweis: Wenn Sie den WebSocket -Port ändern, müssen Sie den Socket -Port in JS ändern

Technische Werkzeuge

Front-End Vue+Canvas+WebSocket+Protobuf

Backend Golang+WebSocket+Protobuf+Goroutine

Interessante Schwierigkeiten

Hier sind einige interessante Probleme, die während des Implementierungsprozesses auftreten

1. Wie kann ich unendliche Leinwand implementieren?
2. Wie kann man Spielstatussynchronisation erreichen?

Anweisung für Protodateigenerierung

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

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

Verwandte Links

Leinwand grundlegende Verwendung

Protobuf -Leitfaden

Vue.js