If you want to make your own 3D site, this workshop is the perfect place to start. You’ll learn:
How to set up lighting and materials with Three.js
Creating orbit controls, rotation on scroll, and position on load
How to fade in tags with Motion One
The Vite build system
Applying GLSL shaders to Three.js
…and more! Knowledge of HTML, CSS, and Javascript is required for this intermediate workshop. The project is inspired by the award-winning Office for Future Furnishing site, and you’ll create a site for ‘Normal Sneakers’ using several techniques to achieve an effective 3D web experience. You can view the demo project here, ready?
Rik has taught technical skills to tens of thousands of people worldwide. In this workshop, he'll teach you how to create your very own professional-level 3D website, using Three.js, Motion One + GLSL shaders