go space chat

孤獨Lonely

特色

1. 支持性別修改、並且有顏色替換
2. 支持敏感詞過濾
3. 支持姓名修改

介紹

通過canvas 2d來模擬了3D的視覺效果。

並且在該項目中使用了protobuf來進行前端和後端的通訊協議，這一點非常方便！

操作

1. 項目使用傳統WASD按鍵來控制上下左右
2. 眼睛可以跟隨鼠標的位置進行轉動
3. 按下space空格可以輸入消息，按下回車發送消息
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裡面的socket端口

技術工具

前端Vue+canvas+websocket+protobuf

後端Golang+websocket+protobuf+goroutine

有意思的難點

這裡列舉幾個在實現過程中，遇到的很有意思的問題

1. 如何實現無限畫布？
2. 如何實現遊戲狀態同步？

proto 文件生成指令

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

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

相關鏈接

Canvas 基本用法

Protobuf Guide

Vue.js