3D Scroll Animations Have Never Been Easier! React Fiber + Next.js 14 Tutorial

Next.js 14 Course 2024 Edition first 5 Chapters are now LIVE 🔥🔥
developedbyed.com/
Here is the repo for the code
github.com/developedbyed/fibe...
🛴 Follow me on:
Twitch: / developedbyed
Twitter: / developedbyed
Instagram: / developedbyed
Github: github.com/developedbyed/
#programming #3d #nextjs

[@developedbyed]

Is anyone interested in blender to website workflow? 👀👀

[@craiggazimbi]

Yes, will knowing Blender be a prerequisite?

[@mRWiil]

Can make a video with blender please

[@aksheysingh8137]

Yes sir

[@DonJavier.17]

100% interested

[@developedbyed]

No I’d show ya how to get through the blender part as well ahhaha

[@CarlosEduardo-uv7tx]

Continue with the React Fiber content, please! Brazilians are grateful. perfect content
❤

[@hossamayman3587]

I'm down for more 3D related stuff this video is awesome ♥♥

[@razac_zr]

I started following this guy 3 years ago and I knew he is going to be the only guy to share 3D related stuff on youtube for free

[@DevAmateur]

Crazy good tutorial, very simple, straight to the point, easy to follow. I have been subscribed to you for a long time and I am so happy on how you have improved your work. Thank you!

[@rin0422]

Great video. I've been studying react three fiber rn.

[@saman7378]

I love all the animation stuff you do ❤❤❤

[@igor_cojocaru]

Thank you! Really need more like that! Please do!

[@martrom0]

Thank you very much ! Please make more tutorials like this 🚀

[@DevGio]

Hey Ed 🤙🏼 As a long time follower of yours I saw you mentioned “are people interested in the channel for blender stuff, or are they just interested..” etc. I for one have always tuned in to your videos for your superb teaching style of breaking complexity down to simplicity; and your personality. So IMO, teach what you are most passionate about ATM 😁

[@mostafakheder7721]

Very nice !! Ed >>> super easy thanks 🥰🥰🥰

[@mRWiil]

Urs ideas are awesome and u make it.🎉

[@joaotextor4094]

Amazing video. Hope to see more 3D for web development. I want to specialize myself in 3D Websites!

[@tengokuvision]

Keep up the hard work, Ed 💪
Your tutorials are really useful and especially this one ‘cause it has little to none coverage on YT. Much love from Russia! 🤜🤛

[@tengokuvision]

Would really love to see Go tutorials too :)

[@XzeroNetwork]

The legend himself 👑

[@medvezo203]

There are sadly a low amount of tutorials on react-fiber and Three JS itself, so that'd be soooo nice. But considering your whole audience I don't think they will be greatly interested, so that would be risky move my friend :D

[@1995sharaku]

So would that be the way to do these cool 3d Particle animations that some websites use where the particles morph from one object to another object by scrolling ?

[@dukeselwood]

Awesome, have you looked into 'Spline' for creating and exporting web 3D interactions?

[@yourtubecards]

I was here, yesterday! 😮

[@GarfieLD-Mami]

Sensei Ed, teach us everything what you learned.

[@zerodev_exe]

Next time I'm here I hope to see a blender tutorial :)

[@akarikev]

the web dev Cody's notification down there

[@alisajadahmadi978]

The way you teach is sooooooooooooooooooooooooo different. You are like let's do it. Thanks.

[@UnderfundedScientist]

I use blender everyday for my 9-5 , love all the content tho

[@anibalinbalin]

Wait. How did you get the context menu on the refresh chrome button? Thanks for the video!

[@marcelsdev]

You first need to open DevTools by pressing F12 or right-click somewhere on a web page and "inspect element". While that's open, you can then right-click on the Chrome "refresh/reload page" icon to see the context menu.

[@BollywoodNeuz]

yes get the blender stuff too

[@mayank_singh_43]

Awesome ❤❤❤

[@preetpalsingh1819]

so cool man

[@bgaylor873]

Blender to web would be amazing.

[@kasper369]

I would like content on 3D and Golang. Both

[@_justnick]

web development in 2025:
const 3dscroll = use3dScroll()
const model = use3dmodel(path)
const animations = use3dmodelAnimations()
const app = useApp(3dscroll, model, animations)
web development in 2030:
const App = useApp({ "prompt here})
I'll just go back to farming

[@mahirhaque3490]

Would love some golang

[@gadoosher]

Omg, I would absolutely devour your blender tutorials. I want to incorporate simple blender elements into random sites so bad.

[@astudios9173]

On the useEffect the play is throwing error

[@jacquelynecarmen]

complete tutorial on three js

[@waeltarabishi6890]

what's about the performance ?

[@developedbyed]

User issue

[@developedbyed]

Jk hahaha you can compress it if you use blender, Ill make a video soon

[@waeltarabishi6890]

@@developedbyed "Absolutely! Can't wait to see what you come up with! I'm really excited to watch the video!"

[@craiggazimbi]

Hello Ed

[@developedbyed]

heya there!

[@craiggazimbi]

@@developedbyed Thank you for this one.

[@DigitalCraftstodio]

Please create more tutorials like this,please teach us how to us 3d models for low performance pcs, and please teach us webgl if you can (it's better for performance) I mean open gl shading language, I really like to create shader art with javascript and glsl(html canvas with webgl context)...thanks a lot.😊

[@XzeroNetwork]

*WebGPU

[@irfansaeedkhan7242]

yes there is no proper videos on threejs and shaders and blender , please make videos on this

[@darah.k3221]

is there anyone that still use React? give me a break it's 2024

[@el_teodoro]

What do you use?