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

  • @developedbyed
    @developedbyed2 ай бұрын

    Is anyone interested in blender to website workflow? 👀👀

  • @craiggazimbi

    @craiggazimbi

    2 ай бұрын

    Yes, will knowing Blender be a prerequisite?

  • @mRWiil

    @mRWiil

    2 ай бұрын

    Can make a video with blender please

  • @aksheysingh8137

    @aksheysingh8137

    2 ай бұрын

    Yes sir

  • @DonJavier.17

    @DonJavier.17

    2 ай бұрын

    100% interested

  • @developedbyed

    @developedbyed

    2 ай бұрын

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

  • @CarlosEduardo-uv7tx
    @CarlosEduardo-uv7tx2 ай бұрын

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

  • @hossamayman3587
    @hossamayman35872 ай бұрын

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

  • @razac_zr

    @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

  • @DevAmateur
    @DevAmateur2 ай бұрын

    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!

  • @igor_cojocaru
    @igor_cojocaru2 ай бұрын

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

  • @saman7378
    @saman73782 ай бұрын

    I love all the animation stuff you do ❤❤❤

  • @monoq_
    @monoq_2 ай бұрын

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

  • @martrom0
    @martrom02 ай бұрын

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

  • @mRWiil
    @mRWiil2 ай бұрын

    Urs ideas are awesome and u make it.🎉

  • @mostafakheder7721
    @mostafakheder77212 ай бұрын

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

  • @DevGio
    @DevGio2 ай бұрын

    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 😁

  • @jacquelynecarmen
    @jacquelynecarmen2 ай бұрын

    complete tutorial on three js

  • @joaotextor4094
    @joaotextor40942 ай бұрын

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

  • @mayank_singh_43
    @mayank_singh_432 ай бұрын

    Awesome ❤❤❤

  • @HoldenTudiks81
    @HoldenTudiks8113 күн бұрын

    Yes, please make a detailed blender tutorial

  • @tengokuvision
    @tengokuvision2 ай бұрын

    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

    2 ай бұрын

    Would really love to see Go tutorials too :)

  • @XzeroNetwork
    @XzeroNetwork2 ай бұрын

    The legend himself 👑

  • @themarin1992
    @themarin19922 күн бұрын

    do blander and prepreing and manipulation with 3d models for react

  • @preetpalsingh1819
    @preetpalsingh18192 ай бұрын

    so cool man

  • @helleyequeue
    @helleyequeue2 ай бұрын

    I was here, yesterday! 😮

  • @gadoosher
    @gadoosher2 ай бұрын

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

  • @zerodev_exe
    @zerodev_exe2 ай бұрын

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

  • @medvezo203
    @medvezo2032 ай бұрын

    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

  • @mahirhaque3490
    @mahirhaque34902 ай бұрын

    Would love some golang

  • @bgaylor873
    @bgaylor8732 ай бұрын

    Blender to web would be amazing.

  • @1995sharaku
    @1995sharaku2 ай бұрын

    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 ?

  • @ushannilumindajayawardana1607
    @ushannilumindajayawardana160728 күн бұрын

    Hey ed:), love your content. Can you do a blender intro tutorial if tis possible :),

  • @alisajadahmadi978
    @alisajadahmadi9782 ай бұрын

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

  • @elormtsx
    @elormtsx2 ай бұрын

    the web dev Cody's notification down there

  • @BollywoodNeuz
    @BollywoodNeuz2 ай бұрын

    yes get the blender stuff too

  • @GarfieLD-Mami
    @GarfieLD-Mami2 ай бұрын

    Sensei Ed, teach us everything what you learned.

  • @UnderfundedScientist
    @UnderfundedScientist2 ай бұрын

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

  • @anibalinbalin
    @anibalinbalin2 ай бұрын

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

  • @marcelsdev

    @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.

  • @dukeselwood
    @dukeselwood2 ай бұрын

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

  • @kasper369
    @kasper3692 ай бұрын

    I would like content on 3D and Golang. Both

  • @_justnick
    @_justnick2 ай бұрын

    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

  • @astudios9173
    @astudios9173Ай бұрын

    On the useEffect the play is throwing error

  • @aaronblain1180
    @aaronblain11808 күн бұрын

    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.

  • @waeltarabishi6890
    @waeltarabishi68902 ай бұрын

    what's about the performance ?

  • @developedbyed

    @developedbyed

    2 ай бұрын

    User issue

  • @developedbyed

    @developedbyed

    2 ай бұрын

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

  • @waeltarabishi6890

    @waeltarabishi6890

    2 ай бұрын

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

  • @DigitalCraftstodio
    @DigitalCraftstodio2 ай бұрын

    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

    2 ай бұрын

    *WebGPU

  • @craiggazimbi
    @craiggazimbi2 ай бұрын

    Hello Ed

  • @developedbyed

    @developedbyed

    2 ай бұрын

    heya there!

  • @craiggazimbi

    @craiggazimbi

    2 ай бұрын

    @@developedbyed Thank you for this one.

  • @irfansaeedkhan7242
    @irfansaeedkhan72422 ай бұрын

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

  • @darah.k3221
    @darah.k32212 ай бұрын

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

  • @el_teodoro

    @el_teodoro

    2 ай бұрын

    What do you use?

Келесі