Reproduce Atmos Awwwards 3D Website with React Three Fiber

Поділитися
Вставка
  • Опубліковано 18 лис 2024

КОМЕНТАРІ • 62

  • @emalorenzo2415
    @emalorenzo2415 Рік тому +5

    man this was pure gold, thanks for your effort on this! The part about the rotation of the plane following the path was the most interesting to me, I'd highly appreciate if you could slow down a little and explain the concepts around vectors and rotations next time! when tan, atan2 and quaternions appears it always becomes harder to follow

    • @WawaSensei
      @WawaSensei  Рік тому +2

      Much appreciated, thank you very much!
      Yes, I try to give more explanations in my most recent tutorials (even started drawing in the last one haha), will do my best on it 🙏
      Thanks for the feedback!

  • @dennismathew348
    @dennismathew348 Рік тому

    42 is always the answer! Pure gold!

  • @CommunityAllSeasons
    @CommunityAllSeasons Рік тому

    Just founder your channel!! Such a great tutorial man, keen for more

    • @WawaSensei
      @WawaSensei  Рік тому

      Welcome to the family 🙌
      Thanks a lot, more is coming soon 😊

    • @جوادجیتی
      @جوادجیتی Рік тому

      @@WawaSensei we waiting

  • @sakibcoder
    @sakibcoder Рік тому +1

    Saved, will watch later

    • @WawaSensei
      @WawaSensei  Рік тому

      Oh Are you also using the watcher later playlist a lot? 🤗

  • @corndoq
    @corndoq Рік тому

    thank you sensei, much love from chi-town

    • @WawaSensei
      @WawaSensei  Рік тому

      Had to google what is chi-town and now I'm smarter 😍
      Thank you very much 🙌

  • @prashlovessamosa
    @prashlovessamosa Рік тому

    Hey man this is so sick i will try to recreate by following this video
    Thanks a lot 🙏.

    • @WawaSensei
      @WawaSensei  Рік тому

      Wish you'll build a great one! Thank you 🙌

  • @aswindev49
    @aswindev49 Рік тому

    man this is pure gold !!

    • @WawaSensei
      @WawaSensei  Рік тому

      😊 So happy to read such comments!

  • @aaru5935
    @aaru5935 8 днів тому

    starter is not working cant set background compoennt

  • @shaiqkar
    @shaiqkar Рік тому

    Awesome. Waiting for more content like this.

  • @frankie_goestohollywood
    @frankie_goestohollywood Рік тому

    Merci 👍👏🙏 Bravo! Fantastico!

  • @yamillayicov7256
    @yamillayicov7256 Рік тому +1

    thanks, please create more content like this

    • @WawaSensei
      @WawaSensei  Рік тому

      🤗 I'll continue, thank you very much!

  • @جوادجیتی
    @جوادجیتی Рік тому

    Please build more website like this we love it 💕

  • @rohansr6837
    @rohansr6837 Рік тому

    Thank you so much. it helped me a lot. I am really grateful for the effort u gave.

    • @WawaSensei
      @WawaSensei  Рік тому

      Thanks a lot for your comment, glad it could help! 🔥

  • @june9341
    @june9341 Рік тому

    Thank you, for your videos. Would you please make videos on cool Loading Screen Animation ?

    • @WawaSensei
      @WawaSensei  Рік тому

      Hi, thanks to you!
      Sure, can you detail what kind of "cool" loading screen you'd like? I already have that video ua-cam.com/video/L12wIvuZTOY/v-deo.html but I'm planning to build a shader based scene reveal tutoria

  • @themarin1992
    @themarin1992 5 місяців тому +1

    this is great, please can you slow down for next tutorials:)

  • @baudyscars
    @baudyscars Рік тому

    woooow 🔥

  • @sheldon.and.friends.offici5761
    @sheldon.and.friends.offici5761 5 днів тому

    PLEASE HELP! Hey man, me and my buddy did this but every time we try it is pretty laggy... that or when we try moving forward and backward it becomes really buggy. because of this, it is nowhere as smooth as what its should be

    • @WawaSensei
      @WawaSensei  17 годин тому

      Hey, I noticed that today on Macbook Pro M3 if I scroll on the trackpad instead of the mouse (it doesn't happend with my Macbook Pro M1 trackpad...) I'll check what's going on!

  • @AcousticAnoop
    @AcousticAnoop Рік тому

    I cloned the repo and run the initial starter thing worked fine but after adding the background component there is no output and no error in the code too. Anyone can help please? And thanks for the tutorial Wawa.

    • @WawaSensei
      @WawaSensei  Рік тому

      Hey, thank you! Join the Discord and show us the error you get so we can help you 🙌

  • @TheSlapOff
    @TheSlapOff Рік тому

    wow this is quality content!

  • @nasiraftab6209
    @nasiraftab6209 11 місяців тому

    hey!!, when ever i scroll perspective camera start moving in opposite direction

    • @WawaSensei
      @WawaSensei  11 місяців тому

      Hey, do you update the camera lookAt/target? by default it looks at 0,0,0

  • @darfitodanurdoro5609
    @darfitodanurdoro5609 7 місяців тому

    why when i import the Background component my web get blank white? im stuck on adding background to experience pls help me

    • @WawaSensei
      @WawaSensei  7 місяців тому

      Hi, check your version of Drei. Some are obsolete and the Environment component has issue.
      You can compare it with my starter pack -> github.com/wass08/r3f-vite-starter/blob/main/package.json

  • @Venkatesh-vm4ll
    @Venkatesh-vm4ll Рік тому

    Awesome👍

  • @loaizewail
    @loaizewail Рік тому

    Great work and effort thank you so much ❤❤❤❤
    Simple question that it is not opening on chrome on mobile rather than that it is perfect ❤

    • @WawaSensei
      @WawaSensei  Рік тому

      Thanks a lot! 😍
      Hum weird, it works on my Android phone (with chrome). What is your device?

    • @loaizewail
      @loaizewail Рік тому

      Thank you so much for your reply I want to tell you that I really like the video and I learned alot and you did a great great effort implementing this project .. I was trying so hard and searched for it since I saw this website on awwards .. thank you again so much ❤❤ .. for my device its samsung galaxy s9

    • @WawaSensei
      @WawaSensei  Рік тому

      @@loaizewail Very happy to read it, thank you! ❤
      If you want to find a fix for your device issue, can you look in the console what is the error? You can have access to your phone console by following those instructions developer.chrome.com/docs/devtools/remote-debugging/
      Also join us on the discord it would be easier than this for helping you 🙏

    • @loaizewail
      @loaizewail Рік тому

      I followed the steps and discovered that chrome needed an update .. I did that and it worked flawlessly .. Thank youu 🥰🤩

    • @WawaSensei
      @WawaSensei  Рік тому

      @@loaizewail YEAH, you're welcome 🙌

  • @ifyrste
    @ifyrste Рік тому

    great job man.

  • @razorjhon2622
    @razorjhon2622 Рік тому

    I am learning react three fiber but i see that this is too complex because of the calculations for Math.* stuff , and directions is too hard , please tell me am i bad at javascript or do i need to learn alot of 3D stuff to make good websites like this one ? if so , how can i be good at Math calculations and understand 3D calculation stuff ?

    • @WawaSensei
      @WawaSensei  Рік тому +2

      Hey, you know I made a LOT of tests before finding the right formulas and values, I made back and forth with ChatGPT a lot, to understand my Math errors etc...
      So don't worry, you'll learn by practicing, but don't feel bad because there are Math lines you don't 100% feel able to reproduce by yourself. 🙌

    • @razorjhon2622
      @razorjhon2622 Рік тому

      @@WawaSensei Thank you for the response , i though that i will never be able to learning how to make 3D websites in my life but i will watch all your videos and make a custom portfolio to learn , i am glad i found your channel 🤗

    • @WawaSensei
      @WawaSensei  Рік тому +1

      @@razorjhon2622 Wish you'll succeed and become able to build what you want! 🙌

  • @directorjeevan3628
    @directorjeevan3628 Рік тому

    thanks you to helps to improve my skills

    • @WawaSensei
      @WawaSensei  Рік тому

      Thank you, glad you like it! 🔥

  • @rijumondal6876
    @rijumondal6876 Рік тому

    Is there any way to add website link in the module of @react-three/fiber?

    • @WawaSensei
      @WawaSensei  Рік тому +1

      Hey sure, onPointerEnter/Leave for the hover and onClick to go the page (luckily it's in the free preview of my course lessons.wawasensei.dev/courses/react-three-fiber/lessons/events)

    • @rijumondal6876
      @rijumondal6876 Рік тому

      @@WawaSensei Hey brother it worked, thanks a lot.