3D Web Developer’s Handbook - Master React Three Fiber with Real Projects
Dive into the world of 3D web development with React Three Fiber.
Do you want to build 3D web applications, from video games to product visualizers?
This course gives you the expertise to design dynamic 3D web applications using React Three Fiber, the cutting-edge library for WebGL-based development.
Work on real projects that explore everything from simple models to complex animations, mastering how to blend 3D elements seamlessly into interactive web experiences.
Enjoy lifetime access to this fantastic course, complete with all source code.
Don’t miss out—start building the future of the web today!
Your Instructor
Alexandra Kropf is Mammoth Interactive's CLO and a software developer with extensive experience in full-stack web development, app development and game development. She has helped produce courses for Mammoth Interactive since 2016, including the Coding Interview series in Java, JavaScript, C++, C#, Python and Swift.
Mammoth Interactive is a leading online course provider in everything from learning to code to becoming a YouTube star. Mammoth Interactive courses have been featured on Harvard’s edX, Business Insider and more.
Over 12 years, Mammoth Interactive has built a global student community with 4 million courses sold. Mammoth Interactive has released over 350 courses and 3,500 hours of video content.
Founder and CEO John Bura has been programming since 1997 and teaching
since 2002. John has created top-selling applications for iOS, Xbox and
more. John also runs SaaS company Devonian Apps, building
efficiency-minded software for technology workers like you.
Course Curriculum
-
Start00 Commented Project Code
-
Start01 Build a new React project for Live 3D Product Customizer (5:21)
-
Start02 Loading 3D models with React Three Fiber
-
Start02a Display GLTF 3D model with React Three Fiber (7:29)
-
Start03 Understanding Proxy-State
-
Start03a Define product colors with proxy-state (5:37)
-
Start04 Display colors to choose from (9:18)
-
StartResources
-
Start00 Commented Project Code
-
Start01 Display 3D website title (8:16)
-
Start02 Enable text input on 3D web app (6:11)
-
Start03 Build input default value (5:40)
-
Start04 Handle user input in React component (9:55)
-
Start05 Display all messages in list (5:49)
-
Start06 Follow pointer with camera for 3D rotation (6:43)
-
StartResources