Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Grab it
Learn to create immersive 3D web experiences in this comprehensive conference talk that explores the integration of Three.js and React Three Fiber (R3F) into web development. Starting with fundamental concepts of WebGL and Three.js, progress through practical demonstrations of creating 3D scenes using both native Three.js and R3F approaches. Master essential techniques including scene setup, component management, interactive elements, and animations while understanding crucial concepts like frame time differences and consistent movement across different FPS rates. Explore advanced topics such as lighting systems, shadow implementation, background enhancement, and 3D model incorporation. Gain hands-on experience with the useFrame hook for transformations, learn deployment strategies, and discover creative applications of Three.js in modern web development. Perfect for developers looking to elevate their websites with engaging 3D elements and interactive experiences.
3D-fying Websites Using React Three Fiber - From Setup to Deployment