16c Roller Coaster Effect three.js
Learn how to make a roller coaster effect in three.js.
Learn how to animate camera along a curve/path in three.js
Learn how to import curves from CurvesExtra.js in three.js
Learn about modulus.
Learn how to find a point on a curve.
Timestamps:
00:00 Intro/demo
00:15 What is a modulus?
00:34 How to find a point on a loop/curve
02:38 Get CurvesExtra.js in three.module.js
03:20 Importing curves/knots from CurvesExtra.js into three.module.js
03:47 Making roller coaster tube geometry, tube material three.js
04:54 Animating camera on roller coaster three.js
Resources:
CurvesExtra.js for three.module.js
https://github.com/mrdoob/three.js/bl...
CurvesExtra.js for three.js (NOT A MODULE)
https://github.com/mrdoob/three.js/bl...
TubeGeometry doc three.js
https://threejs.org/docs/?q=tube#api/...
Curve doc three.js
https://threejs.org/docs/#api/en/extr...
Clock doc three.js
https://threejs.org/docs/#api/en/core...
