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:
[email protected](for business inquiries)
.
.
.
.
.
.
.
.
#webdesign #webdesigner #awwwards #webdevelopment #uxdesign #resources #designresources #frontend #frontenddeveloper #frontenddevelopment #3d #3dmodeling #3ddesign #creativedevelopment
source