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

  Рет қаралды 45,426

developedbyed

developedbyed

Күн бұрын

Пікірлер: 103
@developedbyed
@developedbyed 8 ай бұрын
Is anyone interested in blender to website workflow? 👀👀
@craiggazimbi
@craiggazimbi 8 ай бұрын
Yes, will knowing Blender be a prerequisite?
@mRWiil
@mRWiil 8 ай бұрын
Can make a video with blender please
@aksheysingh8137
@aksheysingh8137 8 ай бұрын
Yes sir
@DonJavier.17
@DonJavier.17 8 ай бұрын
100% interested
@developedbyed
@developedbyed 8 ай бұрын
No I’d show ya how to get through the blender part as well ahhaha
@euuNeguinho
@euuNeguinho 8 ай бұрын
Continue with the React Fiber content, please! Brazilians are grateful. perfect content ❤
@hossamayman3587
@hossamayman3587 8 ай бұрын
I'm down for more 3D related stuff this video is awesome ♥♥
@razac_zr
@razac_zr 8 ай бұрын
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
@DevAmateur 8 ай бұрын
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!
@_justnick
@_justnick 8 ай бұрын
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
@gadoosher
@gadoosher 8 ай бұрын
Omg, I would absolutely devour your blender tutorials. I want to incorporate simple blender elements into random sites so bad.
@raviel_0422
@raviel_0422 8 ай бұрын
Great video. I've been studying react three fiber rn.
@DevGio
@DevGio 8 ай бұрын
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 😁
@HoldenTudiks81
@HoldenTudiks81 6 ай бұрын
Yes, please make a detailed blender tutorial
@bingers_tv
@bingers_tv 8 ай бұрын
Awesome, have you looked into 'Spline' for creating and exporting web 3D interactions?
@bgaylor873
@bgaylor873 8 ай бұрын
Blender to web would be amazing.
@jacquelynecarmen
@jacquelynecarmen 8 ай бұрын
complete tutorial on three js
@martrom0
@martrom0 8 ай бұрын
Thank you very much ! Please make more tutorials like this 🚀
@medvezo203
@medvezo203 8 ай бұрын
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
@igor_cojocaru
@igor_cojocaru 8 ай бұрын
Thank you! Really need more like that! Please do!
@zerodev_exe
@zerodev_exe 8 ай бұрын
Next time I'm here I hope to see a blender tutorial :)
@alisajadahmadi978
@alisajadahmadi978 8 ай бұрын
The way you teach is sooooooooooooooooooooooooo different. You are like let's do it. Thanks.
@saman7378
@saman7378 8 ай бұрын
I love all the animation stuff you do ❤❤❤
@joaotextor4094
@joaotextor4094 8 ай бұрын
Amazing video. Hope to see more 3D for web development. I want to specialize myself in 3D Websites!
@tengokuvision
@tengokuvision 8 ай бұрын
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
@tengokuvision 8 ай бұрын
Would really love to see Go tutorials too :)
@1995sharaku
@1995sharaku 8 ай бұрын
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 ?
@GarfieLD-Mami
@GarfieLD-Mami 8 ай бұрын
Sensei Ed, teach us everything what you learned.
@elormtsx
@elormtsx 8 ай бұрын
the web dev Cody's notification down there
@BollywoodNeuz
@BollywoodNeuz 8 ай бұрын
yes get the blender stuff too
@mostafakheder7721
@mostafakheder7721 8 ай бұрын
Very nice !! Ed >>> super easy thanks 🥰🥰🥰
@aaronblain1180
@aaronblain1180 5 ай бұрын
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.
@shedsoncode
@shedsoncode 4 ай бұрын
Please how can i hide the Scrollbar
@mRWiil
@mRWiil 8 ай бұрын
Urs ideas are awesome and u make it.🎉
@anibalinbalin
@anibalinbalin 8 ай бұрын
Wait. How did you get the context menu on the refresh chrome button? Thanks for the video!
@marcelsdev
@marcelsdev 8 ай бұрын
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.
@UnderfundedScientist
@UnderfundedScientist 8 ай бұрын
I use blender everyday for my 9-5 , love all the content tho
@kasper369
@kasper369 8 ай бұрын
I would like content on 3D and Golang. Both
@XzeroNetwork
@XzeroNetwork 8 ай бұрын
The legend himself 👑
@Bellapacx
@Bellapacx 7 ай бұрын
On the useEffect the play is throwing error
@marshaltudu95
@marshaltudu95 15 күн бұрын
I'm getting the below error: TypeError: Cannot read properties of undefined (reading 'ReactCurrentOwner') What to do?
@mahirhaque3490
@mahirhaque3490 8 ай бұрын
Would love some golang
@neptune1533
@neptune1533 4 ай бұрын
Thank you sooo much !!
@jpedrosoares2011
@jpedrosoares2011 5 ай бұрын
Thank you. You are a hero 🎉❤
@helleyequeue
@helleyequeue 8 ай бұрын
I was here, yesterday! 😮
@andresdallapozza3178
@andresdallapozza3178 21 күн бұрын
Does it work for next 15?
@ushannilumindajayawardana1607
@ushannilumindajayawardana1607 6 ай бұрын
Hey ed:), love your content. Can you do a blender intro tutorial if tis possible :),
@waeltarabishi6890
@waeltarabishi6890 8 ай бұрын
what's about the performance ?
@developedbyed
@developedbyed 8 ай бұрын
User issue
@developedbyed
@developedbyed 8 ай бұрын
Jk hahaha you can compress it if you use blender, Ill make a video soon
@waeltarabishi6890
@waeltarabishi6890 8 ай бұрын
@@developedbyed "Absolutely! Can't wait to see what you come up with! I'm really excited to watch the video!"
@preetpalsingh1819
@preetpalsingh1819 8 ай бұрын
so cool man
@mayank_singh_43
@mayank_singh_43 8 ай бұрын
Awesome ❤❤❤
@ilyaerr5681
@ilyaerr5681 3 ай бұрын
you solved for me a problem AIs could not solve
@pascal_grcic
@pascal_grcic 5 ай бұрын
I want to see blender stuff bro
@alexandergeorgesquire220
@alexandergeorgesquire220 3 ай бұрын
thankyou
@ka_efx
@ka_efx 5 ай бұрын
Use spline
@DigitalCraftstodio
@DigitalCraftstodio 8 ай бұрын
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
@XzeroNetwork 8 ай бұрын
*WebGPU
@cirtey29
@cirtey29 3 ай бұрын
Yes Blender is top. Build something in blender and use it on a website.
@irfansaeedkhan7242
@irfansaeedkhan7242 4 ай бұрын
its been 3 months plz make blender video
@craiggazimbi
@craiggazimbi 8 ай бұрын
Hello Ed
@developedbyed
@developedbyed 8 ай бұрын
heya there!
@craiggazimbi
@craiggazimbi 8 ай бұрын
@@developedbyed Thank you for this one.
@irfansaeedkhan7242
@irfansaeedkhan7242 8 ай бұрын
yes there is no proper videos on threejs and shaders and blender , please make videos on this
@darahk88
@darahk88 8 ай бұрын
is there anyone that still use React? give me a break it's 2024
@el_teodoro
@el_teodoro 8 ай бұрын
What do you use?
@themarin1992
@themarin1992 5 ай бұрын
do blander and prepreing and manipulation with 3d models for react
Make Any 3D Model Explode! | Next.js 14 with React Fiber THREE.js
21:04
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 870 М.
🎈🎈🎈😲 #tiktok #shorts
0:28
Byungari 병아리언니
Рет қаралды 4,5 МЛН
How to Make a 3D Glass Effect using Three.js and Next.js
13:40
Olivier Larose
Рет қаралды 24 М.
5 Tips and Tricks To Make Your Life With Next js 14 Easier
17:11
developedbyed
Рет қаралды 44 М.
Build a 3D Portfolio with React Three Fiber - Avatar animations
23:53
My Top 5 Techniques for Web Animation
9:58
Olivier Larose
Рет қаралды 114 М.
Top 2024 Web Design Trends
5:32
Codex Community
Рет қаралды 677 М.
I wish I knew this before using React Three Fiber
28:23
Rabbit Hole Syndrome
Рет қаралды 130 М.