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
Пікірлер: 85
Is anyone interested in blender to website workflow? 👀👀
@craiggazimbi
2 ай бұрын
Yes, will knowing Blender be a prerequisite?
@mRWiil
2 ай бұрын
Can make a video with blender please
@aksheysingh8137
2 ай бұрын
Yes sir
@DonJavier.17
2 ай бұрын
100% interested
@developedbyed
2 ай бұрын
No I’d show ya how to get through the blender part as well ahhaha
Continue with the React Fiber content, please! Brazilians are grateful. perfect content ❤
I'm down for more 3D related stuff this video is awesome ♥♥
@razac_zr
2 ай бұрын
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
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!
Thank you! Really need more like that! Please do!
I love all the animation stuff you do ❤❤❤
Great video. I've been studying react three fiber rn.
Thank you very much ! Please make more tutorials like this 🚀
Urs ideas are awesome and u make it.🎉
Very nice !! Ed >>> super easy thanks 🥰🥰🥰
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 😁
complete tutorial on three js
Amazing video. Hope to see more 3D for web development. I want to specialize myself in 3D Websites!
Awesome ❤❤❤
Yes, please make a detailed blender tutorial
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
2 ай бұрын
Would really love to see Go tutorials too :)
The legend himself 👑
do blander and prepreing and manipulation with 3d models for react
so cool man
I was here, yesterday! 😮
Omg, I would absolutely devour your blender tutorials. I want to incorporate simple blender elements into random sites so bad.
Next time I'm here I hope to see a blender tutorial :)
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
Would love some golang
Blender to web would be amazing.
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 ?
Hey ed:), love your content. Can you do a blender intro tutorial if tis possible :),
The way you teach is sooooooooooooooooooooooooo different. You are like let's do it. Thanks.
the web dev Cody's notification down there
yes get the blender stuff too
Sensei Ed, teach us everything what you learned.
I use blender everyday for my 9-5 , love all the content tho
Wait. How did you get the context menu on the refresh chrome button? Thanks for the video!
@marcelsdev
2 ай бұрын
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.
Awesome, have you looked into 'Spline' for creating and exporting web 3D interactions?
I would like content on 3D and Golang. Both
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
On the useEffect the play is throwing error
Hey guys, I have implemented the very same 3d animation in this video to my own page. I seem to be having issues with the animation playing, is anyone else having the same issue? Perhaps I have missed something, any guidance/help would be greatly appreciated.
what's about the performance ?
@developedbyed
2 ай бұрын
User issue
@developedbyed
2 ай бұрын
Jk hahaha you can compress it if you use blender, Ill make a video soon
@waeltarabishi6890
2 ай бұрын
@@developedbyed "Absolutely! Can't wait to see what you come up with! I'm really excited to watch the video!"
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
2 ай бұрын
*WebGPU
Hello Ed
@developedbyed
2 ай бұрын
heya there!
@craiggazimbi
2 ай бұрын
@@developedbyed Thank you for this one.
yes there is no proper videos on threejs and shaders and blender , please make videos on this
is there anyone that still use React? give me a break it's 2024
@el_teodoro
2 ай бұрын
What do you use?