This 3D Scroll Animation is INSANE Thanks to Three.js (3D Animation Tutorial)

Поділитися
Вставка
  • Опубліковано 2 лют 2025

КОМЕНТАРІ • 72

  • @ritukumar4057
    @ritukumar4057 2 місяці тому +3

    Bro is the king of animation 🔥🔥

    • @codegrid
      @codegrid  2 місяці тому

      Haha no way! 😄

  • @itwasntme947
    @itwasntme947 2 місяці тому +2

    amazing! thank you for all the work you put out

    • @codegrid
      @codegrid  2 місяці тому

      Glad you enjoyed it!

  • @aurobindobhuyan2107
    @aurobindobhuyan2107 2 місяці тому

    Such an amazing project, please continue this series❤

  • @Way_Of_The_Light
    @Way_Of_The_Light 2 місяці тому

    Woah! Next level stuff mate ✨🙌🙌

  • @irfansaeedkhan7242
    @irfansaeedkhan7242 2 місяці тому

    thanks for diving in threejs i wanted to learn from you

  • @dinbandhusharma4568
    @dinbandhusharma4568 2 місяці тому +1

    wow amazing design 🔥🔥

  • @aurellghania
    @aurellghania Місяць тому

    amazing! wow this is very helpfull!!🔥

  • @Mahadev-x7u
    @Mahadev-x7u 2 місяці тому +1

    You are creative and create very cool content… on all UA-cam you are alone… all Best for you forever ✨🔥💯

    • @codegrid
      @codegrid  2 місяці тому +1

      Thank you so much

  • @hameeeed5992
    @hameeeed5992 2 місяці тому

    Great work, your explanations are clear and coherent. Pls don’t listen to those asking to switch to AI.

    • @codegrid
      @codegrid  2 місяці тому

      Thanks! Much appreciated! ❤️🙏🏽

  • @PrithiviMagar-vv7vz
    @PrithiviMagar-vv7vz 2 місяці тому +2

    wow insaane level video keep it up bro 😍😍❤❤❤

  • @afaqzzz
    @afaqzzz 2 місяці тому

    Best tutorial sir, keep growing

  • @MohdHuzaifa1
    @MohdHuzaifa1 2 місяці тому +3

    Congratulations in advance 🎉

    • @codegrid
      @codegrid  2 місяці тому

      In advance? 👀

    • @MohdHuzaifa1
      @MohdHuzaifa1 2 місяці тому

      @codegrid for hitting 10 MILLION views on your channel ✨

    • @codegrid
      @codegrid  2 місяці тому +1

      Oh! Thanks ✌🏼

  • @lokeshart3340
    @lokeshart3340 2 місяці тому +1

    Suii my comment was there at first of 3d YUHUU thanks Codegrid

    • @codegrid
      @codegrid  2 місяці тому +1

      Hope you enjoyed it!

  • @zsiraiandras961
    @zsiraiandras961 2 місяці тому

    Great work 🥳

    • @codegrid
      @codegrid  2 місяці тому

      Thank you! 🙏🏽

  • @ziongatetech
    @ziongatetech 10 днів тому

    I had issues in displaying the model . Need help

  • @danielapro9755
    @danielapro9755 2 місяці тому

    Just WOW!

  • @madakiemmanuel6788
    @madakiemmanuel6788 3 дні тому

    Awesome design here
    Pls what's the name of the CDN's

  • @sumit-y6z2i
    @sumit-y6z2i Місяць тому

    From which sources you are learning three js and what about these creative ideas fron where they come from, is there any specific website from where you take inspiration

  • @prithivimagar126
    @prithivimagar126 2 місяці тому +1

    Wow nice video bro🎉❤❤❤❤

  • @divedelhassnaoui7570
    @divedelhassnaoui7570 2 місяці тому

    finally bro discover threejs coock as with you Masterpieces

  • @danielpacheco2520
    @danielpacheco2520 2 місяці тому

    Because of this tutorial I'll subscribe to the pro, it was very good, I would add instead of using the RAF, to run everything within the gsap ticker, because that way both the scroll and the animation would be in the same RAF.

    • @codegrid
      @codegrid  2 місяці тому

      Makes sense. My bad. I typically add Lenis before I start the project so I missed it due to not cross-verifying/optimizing the code I guess. Thanks for pointing it out. 👌🏼

  • @madakiemmanuel6788
    @madakiemmanuel6788 3 дні тому

    I mean, can you pls type out the CDN(s) you use for this project?
    Thanks ❤️

  • @imnothin
    @imnothin 2 місяці тому

    Very useful. Btw could you tell me the font you're using in VS Code? It's beautiful.

    • @codegrid
      @codegrid  2 місяці тому

      Theme: Sequoia. Font: Geist Mono

  • @yashvijaybombale6896
    @yashvijaybombale6896 2 місяці тому

    Why not use react?

  • @tilllindemann6288
    @tilllindemann6288 2 місяці тому

    Brother, I really admire your work and i wonder how you can learn all these stuff on your own? When i check gsap or lenis doc they put too many methods in doc however, i dont have any idea what they do, Can you share us you learning process? MUCH RESPECT !!!

    • @codegrid
      @codegrid  2 місяці тому

      I didn’t follow any particular process or a path. As a short answer, I’d say the more you experiment, the better you get, in my opinion.

  • @Aman_yadav1419
    @Aman_yadav1419 2 місяці тому

    Amazing...🎉

  • @COD_Warfare_Master-sair7
    @COD_Warfare_Master-sair7 2 місяці тому

    Amazing work if I want to learn gsap , lenis and threejs so where I learn like u learned

    • @codegrid
      @codegrid  2 місяці тому

      Lenis is just a small library you can use to add the smooth scroll. The documentation is enough. For GSAP, I guess the codepens and GSAP forums can help a lot, and of course lots of experiments. Can’t tell much about three.js as I’m new to this as well. I would say Three JS Journey course by Bruno Simons can be helpful. I certainly didn’t finish it but seems like you can learn from the very basic even if you don’t have any much background. You can check it out. Eventually it all comes down to how much you experiment with what you learn I guess.

  • @roman_osypenko
    @roman_osypenko 2 місяці тому

    🔥🔥🔥

  • @m_anees_c1
    @m_anees_c1 2 місяці тому +1

  • @himanshujangir9492
    @himanshujangir9492 2 місяці тому

    what is the font of your vs code ?

  • @SaurabhDwivedi-t9x
    @SaurabhDwivedi-t9x 2 місяці тому

    please make a full website

  • @HuynhLuong227
    @HuynhLuong227 2 місяці тому

    It’s support mobile?

  • @hitvaghani8039
    @hitvaghani8039 2 місяці тому

    May I ask where you're from? Curious to know!

  • @hkthktm
    @hkthktm 13 днів тому

    Nice TUT, could you share me it as free ?

  • @JaolPaol
    @JaolPaol 2 місяці тому

    hello , thanks for making this videos . I watched your video ua-cam.com/video/v3eBeI-dPfc/v-deo.html . and i did try to implement it in Nextjs , it seems confusing . pls can u remake this video using Nextjs
    the link is already above .thanks

    • @codegrid
      @codegrid  2 місяці тому

      Okay! Will make a video on building a similar carousel using NextJS. ✌🏼

    • @thepreacherskid1995
      @thepreacherskid1995 2 місяці тому

      That would be amazing , building a website and I would love to implement that feature ,I'll wait for the nextjs version.
      Thank so much for helping out

  • @Amine75001
    @Amine75001 2 місяці тому

    Ai voice was 100 times more pleasant to listen brother