Monster Truck
2022 — Web
I wanted to redo some modern 3D on the browser, with 3D physics.
So I used Three.js for the 3D and Bullets Physics for the physics, an engine I'd used several times before.
This project is a demonstration mini-game designed to test a number of features and aspects, such as :
- 3D model display (monster truck and trees)
- Drop shadows
- Reflections of the environment on the truck's metallic paintwork
- 3D physics: terrain created in Blender, crates and vehicle (I manually implemented the wheels and suspension)
- Sun reflection in camera (Lens Flare)
- Reflection in an object
- Cone-shaped light (spotlight)
- Vehicle customization: color and suspension.
Play now on https://monster-truck.pilow.fr, if you have a good computer.
Platform
Web
Technologies
JavaScript
Three.js
Bullet Physics
Vite
3D
Source code https://github.com/5pilow/monster-truck












More projects

Cube Timer
2013
Stopwatch for Rubik's Cube on Android
Android
Java

Shanti Travel's Back Office
2018
Shanti Travel Back Office
Web
Angular
JavaScript

Leek Wars
2013
Online leek AI programming RPG
Web
JavaScript
Vue.js
PHP
2D