This course teaches you how to add stunning flourishes to your sites with little code and complexity.
Beginners and intermediates may enjoy it the most. You need to have a basic grasp of React, and perhaps already Threejs, though that can come later.
The result: https://bananas.vercel.app
Deconstruction of playful.software
Setting up a dev environment from scratch
Expressing Threejs in React
Finding and preparing (in Blender) model assets
Displaying and composing them
Use effects and good lighting
My name is Paul Henschel (@0xca0a), i am the lead developer behind react-three-fiber, react-spring, zustand, drei, and other open-source libraries. I have been working with Threejs for at least 10 years. My goal is to make the creative dev space more accessible with tools that allow people to do more with less code and without loosing control.
A 40 minute video (+ code and follow up links) that introduces you to graphics programming on the web, from scratch to a completed project.