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+Canvas+WebSocket+Protobuf

Бэкэнд Golang+Websocket+Protobuf+Goroutine

Интересные трудности

Вот несколько интересных проблем, возникших в процессе реализации

1. Как внедрить бесконечный холст?
2. Как достичь синхронизации состояния игры?

Инструкция по генерации прото -файлов

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

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

Связанные ссылки

Базовое использование холста

Протобуф -гид

Vue.js