A 3D racing game in a web browser, using Three.js, a WebGL library.
Only one player can make it to the finish line with a randomized elimination logic ๐
- Three.js
- OrbitControls.js
- OBJLoader2.js (load 3D objects)
- MTLLoader.js (load material files)
- MtlObjBridge.js
- Parcel js bundler
- parcel-plugin-static-files-copy
- Camera, Camera helper
- Lights
- Shadow
- Physics, gravity
- Player animation
- Skyboxes
- 3D models
- Object loader, Material loader
- Make one car obj for duplication, instead of a group of cars
- Integrate the logic to select a winner
- Winner animation
- Camera movement, follows players
- Player names display
- Player elimination animation
- Art decorations, i.e. trees, pavement, sky
Here's the demo.
- Use mouse left-click to do camera rotation
- Use mouse right-click to pan view
To see this project locally, please run:
npm run dev
or parcel index.html --no-cache