Skip to content

 React Three Fiber
 Threejs and TypeScript
 SocketIO and TypeScript
 Blender Topological Earth
 Sweet Home 3D
 Design Patterns Python
 Design Patterns TypeScript
 Course Coupon Codes
Three.js and TypeScript
Kindle Edition
$6.99 $9.99 Paperback 
$22.99 $29.99

Design Patterns in TypeScript
Kindle Edition
$6.99 $9.99 Paperback
$11.99 $19.99

Design Patterns in Python
Kindle Edition
$6.99 $9.99 Paperback
$11.99 $19.99

Obstacle Course

Working Example


This example is a mash-up of many previous examples demonstrating a mini platform game with a character that can walk and jump around, with a third person follow camera that you can orbit and zoom.

The goal is to find your way to the finish podium, jumping death defying gaps, avoiding evil spinners, steep slopes and swinging ball chains.

Only the best will make it to the end. Good luck!

The swinging ball chains in this example were created using a series of spheres linked together using the useDistanceConstraint. Periodically, in order to keep the momentum of the swinging, the Cannon body API was used to applyImpulse to the larger ball at the end of the chain.

GitHub Branch

git clone
cd React-Three-Fiber-Boilerplate
git checkout obstacleCourse
npm install
npm start