go space chat

Lonely

feature

1. Supports gender modification and color replacement
2. Support sensitive word filtering
3. Support name modification

introduce

The visual effects of 3D are simulated through canvas 2d.

And in this project, protobuf is used to perform front-end and back-end communication protocols, which is very convenient!

operate

1. The project uses traditional WASD keys to control up, down, left and right
2. The eyes can rotate according to the position of the mouse
3. Press space to enter a message, press Enter to send a message
4. You can enter a name on the button in the upper left corner, and click the name in the blank space to take effect

docker (recommended)

The latest support is to use docker-compose to start the service. After cloning the project, execute the following commands directly

 docker-compose up -d

Visit http://localhost:8081

Run locally

 go run main.go

This command will start web-server as a static service, default to port 80. If you need to modify the port, use the following command

 go run main.go -web_server 8081

The default websocket service port for the project startup is 9000 port, if modified

 go run main.go -socket_server 9001

Note: If you modify the websocket port, you need to modify the socket port in js

Technical Tools

Front-end Vue+canvas+websocket+protobuf

Backend Golang+websocket+protobuf+goroutine

Interesting difficulties

Here are a few interesting problems encountered during the implementation process

1. How to implement infinite canvas?
2. How to achieve game state synchronization?

proto file generation instruction

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

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

Related links

Canvas Basic Usage

Protobuf Guide

Vue.js