Skip to content
This repository has been archived by the owner on Apr 28, 2024. It is now read-only.

Latest commit

 

History

History
executable file
·
58 lines (48 loc) · 2.48 KB

README.md

File metadata and controls

executable file
·
58 lines (48 loc) · 2.48 KB

WebGL demo of a MINI Cooper

A WebGL and Physics engine demo that allows you to jump a Mini Cooper straight through a wall of boxes. Note that this is a personal project and is not directly related to MINI.

Initially this project started out as a research project to learn WebGL: How to export models from Blender, import them in Three.js, assign materials, create lights, etc. However, along the way I stumbled upon this fascinating Ammo.js vehicle example and decided to use that as a base for this demo.

I also wanted this demo to work on an iPhone or iPad, so I've created two quality levels: (1) A low-quality mode that has no antialiasing, no shadows and uses a low-poly model. (2) A high-quality mode that has antialiasing, real-time shadows and a LOD model, that switches between low-poly and high-poly based on the distance to the camera. The mobile version automatically selects the low-quality mode and displays an overlay with touch controls, allowing you to drive the car around using your mobile as a gamepad.

Some technical details:

Screenshots

Demo

  • https://mini.madebyferdi.com
  • = Accelerate
  • = Brake / reverse
  • = Steer left
  • = Steer right
  • p = Pause physics engine
  • n = Next step (when paused)
  • t = Turbo mode
  • spacebar = Reset car

Libraries

Install

yarn install

Run

npm start

Release

npm run release