Skip to content

Latest commit

 

History

History
81 lines (51 loc) · 1.87 KB

README.md

File metadata and controls

81 lines (51 loc) · 1.87 KB

孤独 Lonely

d2139b33a9868d1f17a471201d1272371588868902.jpg

特色

  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