Responsive ScrollTrigger and Room/Camera Animation
32
Progress Bars and Border Radius Animation
33
Adding Smooth Scrolling
34
Adding Circle Floors and More Animation
35
Preloader and Intro Animations Promises, Async, Await
36
Final Responsive CSS Styles and Fixing Bugs
37
optional Pointing Out Bad Code
38
optional Viewing Vite's Production Build
39
Deploying EPIC Website with Git/Github/Vercel
40
MUST WATCH: MANDATORY STEP
41
Some Suggested Next Steps
42
Thank you!
Description:
Learn to create an impressive 3D room portfolio using Three.js and Blender in this comprehensive tutorial. Master the process of modeling, texturing, and animating a 3D environment, then integrate it into a responsive web application. Explore advanced techniques such as custom camera movements, scroll-triggered animations, and theme toggling. Dive into code structuring with the Singleton design pattern, asset management, lighting setup, and performance optimization. Implement smooth scrolling, preloaders, and responsive designs. Finally, deploy your creation using Git, GitHub, and Vercel. Perfect for developers looking to elevate their web design skills with immersive 3D experiences.
Create a Room Portfolio with Three.js and Blender - Awwwards' Sites Recreated