I spent 7 DAYS to learn Blender and 3D web development to create this…

Wow. 3D, Blender, Three.js React Three Fiber, . Very fun.

Source code:
https://github.com/huyngxyz/404-3d

Demo:
https://404-3d.vercel.app/

🔖 Join my free monthly newsletter:
https://byhuy.ck.page/af208ab37b

📌 Need a website for your business? Book a free intro call with me:
https://byhuy.com/

_______________________

⏰ Timestamps:
0:00 The great beginnings
0:40 Day 1
1:55 Day 2
2:32 Day 3
3:45 Day 4
4:19 Day 5
6:04 Day 6
6:28 The end of great beginnings

🔗 Resources mentioned:
https://www.blender.org/ (Blender)
https://docs.pmnd.rs/react-three-fiber/getting-started/examples (React Three Fiber)
https://threejs-journey.com/ (Three.js Course by Bruno Simon)
https://gltf.pmnd.rs/ (GLTF to JSX)
https://github.com/pmndrs/drei (React Three Drei)
https://github.com/pmndrs/leva (Leva)
https://github.com/utsuboco/r3f-perf (Performance Monitor)
https://www.youtube.com/watch?v=Xu6oHc_20ow&t=127s (3D YT Channel –Visionary 3D)
https://www.youtube.com/watch?v=BgHv1G3oFDg&t=727s (Olivier Larose – 3D float effect)

_______________________

⭐️ Try out Figma for free – my go-to tool for web design:
https://bit.ly/tryfigmanow

🀄️ Try Tilebit for free – speed up your design with quality components:
https://bit.ly/trytilebit

🎵 I get my insane music and sound effects from Epidemic Sound – get a free 30 day trial here:
https://bit.ly/epidmcsound

_______________________

🗨️ Join the discord community:
https://discord.gg/FEmzDXPxJs

🌊 Support the Channel:
https://ko-fi.com/supporthuyng

💬 Connect with me:
https://bento.me/huyng

_______________________

📧 Email:
hello@huyng.xyz(for business inquiries)
.
.
.
.
.
.
.
.

#webdesign #webdesigner #awwwards #webdevelopment #uxdesign #resources #designresources #frontend #frontenddeveloper #frontenddevelopment #3d #3dmodeling #3ddesign #creativedevelopment

source