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
![monster-truck.png monster-truck.png](/projects/monster-truck/monster-truck.png)
![monster-truck11.png monster-truck11.png](/projects/monster-truck/monster-truck11.png)
![monster-truck7.png monster-truck7.png](/projects/monster-truck/monster-truck7.png)
![monster-truck4.png monster-truck4.png](/projects/monster-truck/monster-truck4.png)
![monster-truck3.png monster-truck3.png](/projects/monster-truck/monster-truck3.png)
![monster-truck5.png monster-truck5.png](/projects/monster-truck/monster-truck5.png)
![monster-truck6.png monster-truck6.png](/projects/monster-truck/monster-truck6.png)
![monster-truck8.png monster-truck8.png](/projects/monster-truck/monster-truck8.png)
![monster-truck9.png monster-truck9.png](/projects/monster-truck/monster-truck9.png)
![monster-truck2.png monster-truck2.png](/projects/monster-truck/monster-truck2.png)
![monster-truck10.png monster-truck10.png](/projects/monster-truck/monster-truck10.png)
![monster-truck1.png monster-truck1.png](/projects/monster-truck/monster-truck1.png)
More projects
![](/projects/cube-timer/cube-timer.png)
Cube Timer
2013
Stopwatch for Rubik's Cube on Android
Android
Java
![](/projects/shanti-bos/shanti-bos.png)
Shanti Travel's Back Office
2018
Shanti Travel Back Office
Web
Angular
JavaScript
![](/projects/leek-wars/leek-wars.png)
Leek Wars
2013
Online leek AI programming RPG
Web
JavaScript
Vue.js
PHP
2D