go space chat

さみしい

特徴

1. 性別の変更と色の交換をサポートします
2. 敏感な単語フィルタリングをサポートします
3. サポート名の変更

導入

3Dの視覚効果は、Canvas 2Dを介してシミュレートされます。

また、このプロジェクトでは、プロトブフはフロントエンドおよびバックエンドの通信プロトコルを実行するために使用されます。これは非常に便利です！

動作します

1. このプロジェクトは、従来のWASDキーを使用して、左右に制御するために
2. マウスの位置に応じて目は回転できます
3. spaceを押してメッセージを入力し、Enterを押してメッセージを送信します
4. 左上隅のボタンに名前を入力し、空白スペースの名前をクリックして有効にすることができます

Docker（推奨）

最新のサポートは、Docker-Composeを使用してサービスを開始することです。プロジェクトをクローニングした後、次のコマンドを直接実行します

 docker-compose up -d

http://localhost:8081をご覧ください

ローカルで実行します

 go run main.go

このコマンドは、静的サービスとしてWeb-Serverを起動します。デフォルトでポート80になります。ポートを変更する必要がある場合は、次のコマンドを使用します

 go run main.go -web_server 8081

プロジェクトスタートアップのデフォルトのWebSocketサービスポートは9000ポートです。

 go run main.go -socket_server 9001

注：WebSocketポートを変更する場合、JSのソケットポートを変更する必要があります

技術ツール

フロントエンドVUE+キャンバス+WebSocket+ProtoBuf

バックエンドGolang+Websocket+Protobuf+Goroutine

興味深い困難

実装プロセス中に遭遇したいくつかの興味深い問題があります

1. 無限のキャンバスを実装する方法は？
2. ゲーム状態の同期を実現する方法は？

プロトファイル生成命令

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

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

関連リンク

キャンバスの基本的な使用法

Protobuf Guide

Vue.js