Тёмный

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

developedbyed
Подписаться 930 тыс.
Просмотров 25 тыс.
50% 1

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

Наука

Опубликовано:

 

22 апр 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 82   
@developedbyed
@developedbyed Месяц назад
Is anyone interested in blender to website workflow? 👀👀
@craiggazimbi
@craiggazimbi Месяц назад
Yes, will knowing Blender be a prerequisite?
@mRWiil
@mRWiil Месяц назад
Can make a video with blender please
@aksheysingh8137
@aksheysingh8137 Месяц назад
Yes sir
@DonJavier.17
@DonJavier.17 Месяц назад
100% interested
@developedbyed
@developedbyed Месяц назад
No I’d show ya how to get through the blender part as well ahhaha
@CarlosEduardo-uv7tx
@CarlosEduardo-uv7tx Месяц назад
Continue with the React Fiber content, please! Brazilians are grateful. perfect content ❤
@DevAmateur
@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!
@hossamayman3587
@hossamayman3587 Месяц назад
I'm down for more 3D related stuff this video is awesome ♥♥
@razac_zr
@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
@rin0422
@rin0422 Месяц назад
Great video. I've been studying react three fiber rn.
@martrom0
@martrom0 Месяц назад
Thank you very much ! Please make more tutorials like this 🚀
@igor_cojocaru
@igor_cojocaru Месяц назад
Thank you! Really need more like that! Please do!
@DevGio
@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 😁
@saman7378
@saman7378 Месяц назад
I love all the animation stuff you do ❤❤❤
@joaotextor4094
@joaotextor4094 Месяц назад
Amazing video. Hope to see more 3D for web development. I want to specialize myself in 3D Websites!
@mostafakheder7721
@mostafakheder7721 Месяц назад
Very nice !! Ed >>> super easy thanks 🥰🥰🥰
@mRWiil
@mRWiil Месяц назад
Urs ideas are awesome and u make it.🎉
@tengokuvision
@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
@tengokuvision Месяц назад
Would really love to see Go tutorials too :)
@medvezo203
@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
@zerodev_exe
@zerodev_exe Месяц назад
Next time I'm here I hope to see a blender tutorial :)
@dukeselwood
@dukeselwood Месяц назад
Awesome, have you looked into 'Spline' for creating and exporting web 3D interactions?
@XzeroNetwork
@XzeroNetwork Месяц назад
The legend himself 👑
@elormtsx
@elormtsx Месяц назад
the web dev Cody's notification down there
@GarfieLD-Mami
@GarfieLD-Mami Месяц назад
Sensei Ed, teach us everything what you learned.
@BollywoodNeuz
@BollywoodNeuz Месяц назад
yes get the blender stuff too
@UnderfundedScientist
@UnderfundedScientist Месяц назад
I use blender everyday for my 9-5 , love all the content tho
@alisajadahmadi978
@alisajadahmadi978 Месяц назад
The way you teach is sooooooooooooooooooooooooo different. You are like let's do it. Thanks.
@ushannilumindajayawardana1607
@ushannilumindajayawardana1607 8 часов назад
Hey ed:), love your content. Can you do a blender intro tutorial if tis possible :),
@yourtubecards
@yourtubecards Месяц назад
I was here, yesterday! 😮
@1995sharaku
@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 ?
@kasper369
@kasper369 Месяц назад
I would like content on 3D and Golang. Both
@mayank_singh_43
@mayank_singh_43 Месяц назад
Awesome ❤❤❤
@anibalinbalin
@anibalinbalin Месяц назад
Wait. How did you get the context menu on the refresh chrome button? Thanks for the video!
@marcelsdev
@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.
@bgaylor873
@bgaylor873 Месяц назад
Blender to web would be amazing.
@preetpalsingh1819
@preetpalsingh1819 Месяц назад
so cool man
@jacquelynecarmen
@jacquelynecarmen Месяц назад
complete tutorial on three js
@mahirhaque3490
@mahirhaque3490 Месяц назад
Would love some golang
@gadoosher
@gadoosher Месяц назад
Omg, I would absolutely devour your blender tutorials. I want to incorporate simple blender elements into random sites so bad.
@astudios9173
@astudios9173 17 дней назад
On the useEffect the play is throwing error
@DigitalCraftstodio
@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
@XzeroNetwork Месяц назад
*WebGPU
@_justnick
@_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
@waeltarabishi6890
@waeltarabishi6890 Месяц назад
what's about the performance ?
@developedbyed
@developedbyed Месяц назад
User issue
@developedbyed
@developedbyed Месяц назад
Jk hahaha you can compress it if you use blender, Ill make a video soon
@waeltarabishi6890
@waeltarabishi6890 Месяц назад
@@developedbyed "Absolutely! Can't wait to see what you come up with! I'm really excited to watch the video!"
@craiggazimbi
@craiggazimbi Месяц назад
Hello Ed
@developedbyed
@developedbyed Месяц назад
heya there!
@craiggazimbi
@craiggazimbi Месяц назад
@@developedbyed Thank you for this one.
@irfansaeedkhan7242
@irfansaeedkhan7242 Месяц назад
yes there is no proper videos on threejs and shaders and blender , please make videos on this
@darah.k3221
@darah.k3221 Месяц назад
is there anyone that still use React? give me a break it's 2024
@el_teodoro
@el_teodoro Месяц назад
What do you use?
Далее
Award Winning Elastic Cursor Follow Animation
4:55
Просмотров 230 тыс.
This Animation Tool Will Change Web Development
11:28
How did they do?! 😂👀🕺 | Triple Charm #Shorts
00:16
Редакция. News: 121-я неделя
42:58
Просмотров 759 тыс.
Qarindoshga uylansang😂😂
01:01
Просмотров 1 млн
This UI component library is mind-blowing
8:23
Просмотров 587 тыс.
Building SaaS as a Software Engineer: Design Week
7:44
Subtle, yet Beautiful Scroll Animations
5:04
Просмотров 1,6 млн
NEVER lose dotfiles again with GNU Stow
14:33
Просмотров 14 тыс.
Learn Next.js Parallel Routes In 16 Minutes
16:18
Просмотров 112 тыс.
I found the PERFECT duo for 3D web animations
5:52
Просмотров 187 тыс.
Bluetooth Desert Eagle
0:27
Просмотров 7 млн
Will the battery emit smoke if it rotates rapidly?
0:11
keren sih #iphone #apple
0:16
Просмотров 1,6 млн
Мечта Каждого Геймера
0:59
Просмотров 1,3 млн
POPVIBE V5000 setup ASMR
0:26
Просмотров 717 тыс.