go space chat

외로운

특징

1. 성 수정 및 색상 교체를 지원합니다
2. 민감한 단어 필터링을 지원합니다
3. 지원 이름 수정

소개하다

3D의 시각적 효과는 Canvas 2D를 통해 시뮬레이션됩니다.

그리고이 프로젝트에서 Protobuf는 프론트 엔드 및 백엔드 통신 프로토콜을 수행하는 데 사용됩니다. 이는 매우 편리합니다!

작동하다

1. 이 프로젝트는 기존 WASD 키를 사용하여 위, 아래, 왼쪽 및 오른쪽을 제어합니다.
2. 마우스의 위치에 따라 눈이 회전 할 수 있습니다.
3. space 누르려면 메시지를 입력하고 Enter를 눌러 메시지를 보냅니다.
4. 왼쪽 상단 코너의 버튼에 이름을 입력하고 빈 공간의 이름을 클릭하여 적용됩니다.

Docker (권장)

최신 지원은 Docker-Compose를 사용하여 서비스를 시작하는 것입니다. 프로젝트를 복제 한 후 다음 명령을 직접 실행하십시오

 docker-compose up -d

http://localhost:8081 방문하십시오

로컬로 달리십시오

 go run main.go

이 명령은 포트 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

관련 링크

캔버스 기본 사용

프로토 부프 가이드

vue.js