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

Поделиться
HTML-код
  • Опубликовано: 3 фев 2025

Комментарии • 107

  • @developedbyed
    @developedbyed  9 месяцев назад +213

    Is anyone interested in blender to website workflow? 👀👀

    • @craiggazimbi
      @craiggazimbi 9 месяцев назад +2

      Yes, will knowing Blender be a prerequisite?

    • @mRWiil
      @mRWiil 9 месяцев назад +3

      Can make a video with blender please

    • @aksheysingh8137
      @aksheysingh8137 9 месяцев назад +5

      Yes sir

    • @DonJavier.17
      @DonJavier.17 9 месяцев назад +2

      100% interested

    • @developedbyed
      @developedbyed  9 месяцев назад +9

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

  • @euuNeguinho
    @euuNeguinho 9 месяцев назад +22

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

  • @DevAmateur
    @DevAmateur 9 месяцев назад +1

    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 9 месяцев назад +17

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

    • @razac_zr
      @razac_zr 9 месяцев назад +1

      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

  • @raviel_0422
    @raviel_0422 9 месяцев назад +2

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

  • @DevGio
    @DevGio 9 месяцев назад

    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 😁

  • @LuizCBonini
    @LuizCBonini 5 дней назад

    Great video! Thanks a lot! Brazilians are grateful.

  • @_justnick
    @_justnick 9 месяцев назад +6

    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

    • @valerichutak
      @valerichutak 17 дней назад

      You can use vanilla threeja of course. But it is such a pain to use it in React.

  • @martrom0
    @martrom0 9 месяцев назад

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

  • @HoldenTudiks81
    @HoldenTudiks81 7 месяцев назад +1

    Yes, please make a detailed blender tutorial

  • @igor_cojocaru
    @igor_cojocaru 9 месяцев назад

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

  • @saman7378
    @saman7378 9 месяцев назад

    I love all the animation stuff you do ❤❤❤

  • @gadoosher
    @gadoosher 9 месяцев назад +2

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

  • @joaotextor4094
    @joaotextor4094 9 месяцев назад

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

  • @tengokuvision
    @tengokuvision 9 месяцев назад

    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 9 месяцев назад

      Would really love to see Go tutorials too :)

  • @alisajadahmadi978
    @alisajadahmadi978 9 месяцев назад

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

  • @GarfieLD-Mami
    @GarfieLD-Mami 9 месяцев назад

    Sensei Ed, teach us everything what you learned.

  • @zerodev_exe
    @zerodev_exe 9 месяцев назад +1

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

  • @medvezo203
    @medvezo203 9 месяцев назад +1

    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

  • @mRWiil
    @mRWiil 9 месяцев назад +1

    Urs ideas are awesome and u make it.🎉

  • @XzeroNetwork
    @XzeroNetwork 9 месяцев назад

    The legend himself 👑

  • @bgaylor873
    @bgaylor873 9 месяцев назад +1

    Blender to web would be amazing.

  • @mostafakheder7721
    @mostafakheder7721 9 месяцев назад

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

  • @jpedrosoares2011
    @jpedrosoares2011 6 месяцев назад

    Thank you. You are a hero 🎉❤

  • @elormtsx
    @elormtsx 9 месяцев назад

    the web dev Cody's notification down there

  • @jacquelynecarmen
    @jacquelynecarmen 9 месяцев назад +3

    complete tutorial on three js

  • @UnderfundedScientist
    @UnderfundedScientist 9 месяцев назад +1

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

  • @BollywoodNeuz
    @BollywoodNeuz 9 месяцев назад

    yes get the blender stuff too

  • @helleyequeue
    @helleyequeue 9 месяцев назад

    I was here, yesterday! 😮

  • @kasper369
    @kasper369 9 месяцев назад

    I would like content on 3D and Golang. Both

  • @neptune1533
    @neptune1533 5 месяцев назад

    Thank you sooo much !!

  • @bingers_tv
    @bingers_tv 9 месяцев назад

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

  • @ushannilumindajayawardana1607
    @ushannilumindajayawardana1607 7 месяцев назад

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

  • @1995sharaku
    @1995sharaku 9 месяцев назад

    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 ?

  • @aaronblain1180
    @aaronblain1180 7 месяцев назад +1

    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.

  • @mayank_singh_43
    @mayank_singh_43 9 месяцев назад

    Awesome ❤❤❤

  • @anibalinbalin
    @anibalinbalin 9 месяцев назад

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

    • @marcelsdev
      @marcelsdev 9 месяцев назад

      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.

  • @preetpalsingh1819
    @preetpalsingh1819 9 месяцев назад

    so cool man

  • @mahirhaque3490
    @mahirhaque3490 9 месяцев назад +1

    Would love some golang

  • @ilyaerr5681
    @ilyaerr5681 5 месяцев назад

    you solved for me a problem AIs could not solve

  • @marshaltudu95
    @marshaltudu95 Месяц назад

    I'm getting the below error:
    TypeError: Cannot read properties of undefined (reading 'ReactCurrentOwner')
    What to do?

    • @Jack-jz7ej
      @Jack-jz7ej 5 дней назад

      same here

    • @Jack-jz7ej
      @Jack-jz7ej 5 дней назад +1

      fixed it with npm i @react-three/fiber@alpha

  • @shedsoncode
    @shedsoncode 5 месяцев назад

    Please how can i hide the Scrollbar

  • @Bellapacx
    @Bellapacx 8 месяцев назад

    On the useEffect the play is throwing error

  • @AlexanderGeorge1991
    @AlexanderGeorge1991 4 месяца назад

    thankyou

  • @pascal_grcic
    @pascal_grcic 6 месяцев назад

    I want to see blender stuff bro

  • @andresdallapozza3178
    @andresdallapozza3178 Месяц назад

    Does it work for next 15?

  • @waeltarabishi6890
    @waeltarabishi6890 9 месяцев назад

    what's about the performance ?

    • @developedbyed
      @developedbyed  9 месяцев назад +1

      User issue

    • @developedbyed
      @developedbyed  9 месяцев назад

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

    • @waeltarabishi6890
      @waeltarabishi6890 9 месяцев назад

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

  • @DigitalCraftstodio
    @DigitalCraftstodio 9 месяцев назад +1

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

  • @ka_efx
    @ka_efx 6 месяцев назад

    Use spline

  • @cirtey29
    @cirtey29 4 месяца назад

    Yes Blender is top. Build something in blender and use it on a website.

  • @craiggazimbi
    @craiggazimbi 9 месяцев назад

    Hello Ed

  • @irfansaeedkhan7242
    @irfansaeedkhan7242 6 месяцев назад

    its been 3 months plz make blender video

  • @irfansaeedkhan7242
    @irfansaeedkhan7242 9 месяцев назад

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

  • @darahk88
    @darahk88 9 месяцев назад

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

    • @el_teodoro
      @el_teodoro 9 месяцев назад

      What do you use?

  • @themarin1992
    @themarin1992 6 месяцев назад

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