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:
github.com/huyngxyz/404-3d
Demo:
404-3d.vercel.app/
_______________________
⏰ 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:
www.blender.org/ (Blender)
docs.pmnd.rs/react-three-fibe... (React Three Fiber)
threejs-journey.com/ (Three.js Course by Bruno Simon)
gltf.pmnd.rs/ (GLTF to JSX)
github.com/pmndrs/drei (React Three Drei)
github.com/pmndrs/leva (Leva)
github.com/utsuboco/r3f-perf (Performance Monitor)
• How to Learn Three.js ... (3D YT Channel -Visionary 3D)
• Build a 3D Float Effec... (Olivier Larose - 3D float effect)
_______________________
⭐️ Try out Figma for free - my go-to tool for web design:
bit.ly/tryfigmanow
🀄️ Try Tilebit for free - speed up your design with quality components:
bit.ly/trytilebit
🎵 I get my insane music and sound effects from Epidemic Sound - get a free 30 day trial here:
bit.ly/epidmcsound
_______________________
🗨️ Join the discord community:
/ discord
🌊 Support the Channel:
ko-fi.com/supporthuyng
💬 Connect with me:
bento.me/huyng
_______________________
📧 Email:
[e-mail](for business inquiries)
.
.
.
.
.
.
.
.
#webdesign #webdesigner #awwwards #webdevelopment #uxdesign #resources #designresources #frontend #frontenddeveloper #frontenddevelopment #3d #3dmodeling #3ddesign #creativedevelopment

[@harshTanwar09]

man ive been learning blender for 1 month and you did better in 7 days , awesome video👍👍

[@huyngxyz]

Thanks Harsh! I'm sure you've covered more fundamentals with 3D than I did in 7 days haha

[@harshTanwar09]

I did but I tend to forget since I work hard for a few days and then
procastinate for some days , so a video on how to beat procrastination would be a huge motivation booster 😅👍

[@YogeshM-25]

The way you took this video forward was amazing and the content your shared was super valuable! The way you were exploring things and the way you shared your knowledge whilst progressing is what I feel is really valuable for any audience! Great work Huy! Can't wait to get more inspired!

[@huyngxyz]

I'm glad to hear this, I really appreciate it! Stay tuned for more : )

[@navnav1819]

Loved the end result!

[@chaminduappuhamy7249]

Love it ❤Try giving some for the Spline as well that is also fun to use and easy.

[@huyngxyz]

For sure!

[@Blade_Dhruv]

Yess, this inspired me to learn 3d noww!!

[@huyngxyz]

Let's goo

[@I_am_kvma]

I love your videos and this was so inspiring since I’m interested in learning about 3D development too!! Thank you!!

[@huyngxyz]

Glad to hear that! Best of luck with your learning journey : )

[@nishant7083]

Hey good tutorial , make a full ledged one if you can like if you can consolidate the learning and make 5-6 hrs vid or anything

[@zodiac-ai]

Bro just turned into einstin in seconds!

[@ep4r4]

Muy inspirador Felicitaciones.

[@itsnerd404]

Ahhh waited so long for the new video Huy finally.

[@huyngxyz]

Thanks for your patience 😉

[@ashvinjeetsingh4584]

Bro,You really are an inspiration for me

[@huyngxyz]

Haha happy to hear that!

[@user-bk8vx1rb3d]

love your videos
how about teaching the GSAP! for animation like you did in your amazing portfolio.
Or is there any way learn these thing for free I just skip the designing by watching your video.

[@brhoom.h]

I want to learn SEO, can you make a new video about SEO and share one awesome course

[@Mr-Yuki]

bro really speedrunning his way to become a millionair rn
keep up! you inspire me.

[@huyngxyz]

Yoo appreciate it Yuki

[@tonystarkmowa]

I don't know anything except webflow (just started) so where should i start learning this 3D web developement?

[@huyngxyz]

Definitely recommend checking out Visionary 3D YT channel and his roadmap video if you'd prefer to work with code and Blender. If not you can check out Spline tutorials on youtube for no code path

[@truthruster]

Dude will create the next 3 hour Avengers movie as stop animation in Blender and deploy website where people can watch it by scrolling with random fireworks. It will be default winner of Awwwards until ChatGPT becomes human.

[@huyngxyz]

My dream right here

[@somebodyy161]

Why didn't you just use Framer and Spline? You would have been done in half the time :D

[@huyngxyz]

You're probably right 😅 but I'm a code kind of person so I went with Blender and code haha

[@apexdigital.studio]

it would be easier, but both have that irritating badges that you need to pay premium for removing it. Spline charges 24 USD per month.

[@Fabian-dg8lf]

loves to go the hard way i guess ;)

[@huyngxyz]

@@apexdigital.studio Paying for more features on Spline was the key reason I didn't use it

[@o_oyash]

Another week another course lol 😂😢

[@snorlax-frontend]

is that enough, bro?

[@huyngxyz]

Never enough

[@dylankim5214]

3D...Oh Yeah.....

[@huyngxyz]

Oh yeah

[@kiranamin4110]

1st Viewer...

[@huyngxyz]

🫡