Trakr.app - Track car telemetry in 3D space,built using vue and threejs

Overview

License Build Status issues

WIP

Features

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

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

Issues
  • Gui on mobile is broken/too big

    Gui on mobile is broken/too big

    Fix gui on mobile and style for mobile

    Line: 5 https://github.com/GREEB/trakr.app/blob/e045d0ad098ab3899322ccb44a62c9ae22a72860//assets/js/Gui.js#L2-L12

    todo comment branch: main type: todo area: lilgui 
    opened by github-actions[bot] 0
  • lil gui can be shown if not on a three page

    lil gui can be shown if not on a three page

    The system to show or hide gui+stage stuff is not optimal For now we give a mixin to pages we want the gui that show and hide on mount/destroy

    Line: 216 https://github.com/GREEB/trakr.app/blob/e045d0ad098ab3899322ccb44a62c9ae22a72860//components/AppBar/Settings.vue#L213-L223

    todo comment branch: main type: fixme area: lilgui 
    opened by github-actions[bot] 0
  • Mobile styles are broken

    Mobile styles are broken

    Add breakpoints to all elements to fix

    Line: 5 https://github.com/GREEB/trakr.app/blob/e045d0ad098ab3899322ccb44a62c9ae22a72860//assets/main.sass#L2-L12

    todo comment branch: main type: todo area: styles 
    opened by github-actions[bot] 0
  • Adding points doesn't work on mobile, three js works fine

    Adding points doesn't work on mobile, three js works fine

    Not sure why this happens yet but chrome->device simulation-> pixel 5 doesn't add points

    Line: 26 https://github.com/GREEB/trakr.app/blob/e045d0ad098ab3899322ccb44a62c9ae22a72860//assets/js/Points.js#L23-L33

    todo comment branch: main type: fixme area: threejs 
    opened by github-actions[bot] 0
  • Gui fps sometimes show fps,ms,mem, and somethimes only fps,ms

    Gui fps sometimes show fps,ms,mem, and somethimes only fps,ms

    FPS section in gui can have 2 or 3 elements depending on browser account for that

    Line: 9 https://github.com/GREEB/trakr.app/blob/e045d0ad098ab3899322ccb44a62c9ae22a72860//assets/js/Gui.js#L6-L16

    todo comment branch: main type: todo area: lilgui 
    opened by github-actions[bot] 0
A local weather app that fetches weather forecast from Openweathermap.org. A Progressive Web App built with Vue.js.

Progressive Weather App A local weather app that fetches weather forecast from Openweathermap.org. A Progressive Web App built with Vue.js. Features P

Jim Merioles 228 Dec 18, 2021
Lingua-libre record checker App Built Using Vue.js

lingua-libre record checker Student project Digital Campus Workshop 2021 Featur

null 2 Dec 22, 2021
Simple diceware password generator built using Vue and plain JavaScript

Vue Diceware This is simple diceware password generator built using Vue and plain JavaScript. It generates passwords consisting 4 up to 10 words using

Maciek Talaśka 0 Feb 3, 2021
Let users control your Vue app using AI and their camera in just 1 line of HTML!

Vue Camera Gestures Let users control your Vue app using AI, their camera, and gestures of their choice in just 1 line of HTML! Demo and full document

Daniel Elkington 42 Jan 12, 2022
Discover Countries App Built With Vue.js

Discover Countries This project is coded for Frontend Mentor REST Countries API with color theme switcher challenge. REST Countries V2 API was used to

Mucahit Ugur 3 Dec 16, 2021
Built completely with Vue 3 using Composition API.

guessing-game-composition-api Live Demo https://brave-newton-ad1635.netlify.app/ For Options API Version: https://github.com/marccorpus/guessing-game-

null 0 Oct 18, 2021
Loopstudios Landing Page Built Using Vue.js

Loopstudios Landing Page Solução da plataforma Front-end-mentor Sobre Pre Requis

Pedro Paulo 1 Dec 22, 2021
Tik-tak-toe - TIC TAC TOE Game Built Using Vue.js

TIC TAC TOE We can see the secuence of plays in the console for each turn. Proje

Angel Orellana 0 Jan 18, 2022
Vuejs 2+ components built using Microsoft’s Fluent Design System based on Buefy.

Logo by Vue-Fluent Fluent Design Components for Vue.js based on Buefy and bulma-fluent, inspired by Microsoft’s Fluent Design System. Fluent Design Th

Muhammad Ubaid Raza 77 Nov 17, 2021
Read and Listen to Qur'an online. Built with NuxtJS and TailwindCSS.

Read and Listen to Qur'an online. Built with NuxtJS and TailwindCSS.

Rangga Dimas 45 Jan 15, 2022
An open-source social media platform and public forum for questions and discussions, built for developers.

VUE Mumble Vue Repository About Mumble is an open source project built with REACT for developers. This is the Vue Version of Mumble (A Mumble Clone bu

Praveen Malethia 10 Dec 26, 2021
👋 Show a banner with text, a decline button, and an accept button on your page. Remembers selection using cookies. Emits an event with current selection and on creation. Good for GDPR requirements.

vue-cookie-accept-decline Show a banner with text, a decline button, and an accept button on your page. Remembers selection using cookies. Emits an ev

Promosis, Inc. 108 Dec 15, 2021
💬 Responsive Vue.js comment system plugin that built with CSS Grid and Firebase REST API + Authentication. https://tugayyaldiz.github.io/vue-comment-grid

Vue.js Comment Grid Table of Contents Introduction Installation Downloading Plugin Dependencies Include Plugin Creating Firebase Project Setting Up Si

Tugay Yaldız 148 Jan 4, 2022
GUI tool to explore Slash Commands of your bot, built on Vue 3 and TailwindCSS 🚀

Slash Commands GUI Graphical User Interface to explore Slash Commands of your bot, built on Vue 3 and TailwindCSS ?? Features Everything you can do wi

Androz 89 Jan 17, 2022
Periodicity is a dynamic, data-driven Periodic Table built with Vue.js that uses D3 animations and graphs to demonstrate the beauty of periodic trends.

Periodicity is a dynamic, data-driven Periodic Table built with Vue.js that uses D3 animations and graphs to demonstrate the beauty of periodic trends.

Kadin Zhang 147 Jan 15, 2022
Inventory-Management-System - A fully fledge product inventory management system with Laravel, Vue Js and Restful API built from scratch

About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie

Philip Awobusuyi 0 Jan 2, 2022
Built with Vue3 Composition API, Navigation bar with Font-Awesome free icons, with Backdrop and Transitions.

Vue3 Navigation Bar Collapsable, Responsive, Backdrop and with Transition. Info Uses Vue3 Composition API to for the Navbar state. Uses Font-Awesome F

Maaz Rahman 0 Dec 26, 2021
A Vue App for showing cats 🐱 and dogs 🐶.

a-cat-a-dog-vue A Vue App for showing cats ?? and dogs ?? . Click here to view the demo Screenshot How to use Before running it Before running it, you

Monster 1 Apr 10, 2019
Simple personal media web app made with typescript and vue

FeedTo OpenSource personal "blog" with a minimalist design and really great customization options. ?? Table of Contents About Installation Built Using

Michal Kopčík 2 Dec 15, 2021