Track car telemetry in 3D space,built using vue and threejs

by Vue.js Examples

WIP

Features

  • Three: Dynamic point cloud prototype
  • Nuxt: Discord login
  • Nuxt: Simple Frontend
View Demo View Github

Todo

  • Three js code splitting making it more modular and smarter, bufferattribute system
  • Better car representation
  • Camera System, support for multiple cameras
  • Session System
  • Modular Data input system to support more games easier in the future
  • Friends System
  • Custom Shader frontend
  • Race System
  • Replay System
  • Download System
  • Custom input api
  • Custom model
  • much more

Bugs

Too many atm.

Contributing

Contributions are always welcome!

Look at issues

Development

If you only wanna see the code for the WebGl/Three stuff there is a file in the root of this repo called simple.html, there should be everything you need.

First make sure you copy the example.env to .env

cp example.env .env

Read “Enviroment Variables” below

  yarn Install
  yarn dev

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

IOPORT Socket.io port

URL Url for CORS and ssl later not really implemented yet if empty defaults to localhost

PORT App port also for CORS and stuff

JWTSECRET Secret used for JWT, can be generated with:

node -e "console.log(require('crypto').randomBytes(256).toString('base64'));"
#or
openssl rand 256 | base64

POSTGRES Postgres URL

DISCORDID Discord oAuth id

DISCORDSECRET Discord oAuth secret

Acknowledgements

Dump