Learning on Web Dev Open is free for all.

Immersive Web > Three.js, R3F, and when to use neitherThree.js in one sitting
Phase 07Three.js, R3F, and when to use neither339 of 434

Three.js in one sitting

Port the raw scene into three.js, add controls and a loaded model, and find out what the library was doing for you.

Build45 minAI pair

Build this in your own editor

This one runs on your machine rather than in the browser workbench. Work to the outcomes below, then come back and mark it complete.

You should now be able to

  • Build a scene with loaders, controls and a render loop
  • Read the three.js docs faster than you can prompt for the answer
Ask the community

Loading…

← PreviousA scene, a loop, and a resize you did not forgetThe 3D mental modelNext →React Three Fiber is a reconciler, not a wrapperThree.js, R3F, and when to use neither