Skip to content

Drive your favorite 3D car in your threejs world just by uploading the GLTF Model and generating code all on the browser itself!

Notifications You must be signed in to change notification settings

Jaagrav/raycast-vehicle-engine

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Raycast Vehicle Engine

rv-engine-gif

Simply upload your favourite car's chassis model and car's wheel model and the RV Engine would automatically create a car with the same look and feel. It would also be able to control the car's movement and rotation. Add physics and everything else you want to the car and you're good to go. After that you can simply download it as a zip file. Follow the same setup procedure, and you have a new raycast vehicle generated.

Features

  • Vehicle physics
  • Change Vehicle Mass, Suspension Strength, Suspension Damping, etc.
  • Change the position of each wheel, set the size of each wheel and have all the controls to yourself.
  • Change the max speed of the car, movement controls etc directly from the GUI.
  • Position the chassis from GUI, see helper to view the chassis in the physics world. Same goes for all of the wheels.
  • Generate code, simply either copy Car.JS code or Download the ZIP file that has everything sitting ready for you. All you need to do is install it using npm once unzipped.

Setup

Download Node.js. Run this followed commands:

# Install dependencies (only the first time)
npm install

# Run the local server at localhost:8080
npm run dev

# Build for production in the dist/ directory
npm run build

Built With

  • ThreeJS - JavaScript 3D library
  • Webpack - Module bundler
  • Babel - ES6 to ES5 transpiler
  • Cannon-ES - 3D physics engine
  • Guify - GUI framework
  • JSZip - JSZip is a javascript library for creating, reading and editing .zip files, with a lovely and simple API.
  • Stats.JS - JavaScript Performance Monitor
  • File Saver - Save files to disk

What's next?

  • Add more physics to the car
  • Add more wheels to the car
  • Add more features to the car
  • Add more car models
  • Add more physics models
  • Add more wheel models

Written by Jaagrav

About

Drive your favorite 3D car in your threejs world just by uploading the GLTF Model and generating code all on the browser itself!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published