Third Person Controller (React Three Fiber Tutorial)

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

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

  • @Adhil7575
    @Adhil7575 4 месяца назад +2

    Me the first viewer plzz pin sir

    • @WawaSensei
      @WawaSensei  4 месяца назад +1

      I'm happy if it makes you happy ser 🙌

  • @AndersonMancini
    @AndersonMancini 4 месяца назад +5

    It is 5 am in my country right now and here I am watching the Wawa tutorial haha. This is amazing. I'm so excited that I don't think I will be able to sleep again. So, lets dive into this code and learn it.
    Thank you so much man. This is incredible. I'm always amazed at how good developer and teacher you are ❤. God bless you my friend.

    • @WawaSensei
      @WawaSensei  4 месяца назад +1

      Ow thanks again buddy! So happy to get very nice feedback from you, you're a legend!
      Have a great day, wish you the best 🙌

  • @sureshsingh9880
    @sureshsingh9880 4 месяца назад +5

    Three. Js and R3F wizard is back

    • @WawaSensei
      @WawaSensei  4 месяца назад +1

      △🧙 I really like this title!

  • @pawekozowski6128
    @pawekozowski6128 22 дня назад

    THE GOAT NEVER DISSAPOINTS

  • @boshen3953
    @boshen3953 4 месяца назад +1

    Welcome back, great video! 😍😍

  • @souravdhar47
    @souravdhar47 4 месяца назад +1

    so many aha moments...loved it so much

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

      So glad to read this, I gave my best to provide clear explanations 🙌 (promise I'll try to enhance my iPad drawing skills 🤭)

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

    Aaaah cool, j'ai ma vidéo pour ce weekend!!! Merci mon ami!

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

      Yihaaa, bon week-end à toi l'ami ! Profite bien 🙌

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

    there you go, I've been waiting for your new video for a long time

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

      My new goal is to be able to do 2 videos / month 🙌

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

    wow, welcome back, thanks for sharing

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

    Its finally hereeeeee🎊🎊🎊🎊🎊
    Thanks so much Wassim

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

      🕺happy that you like it! Thank you!

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

    This guy don't stop to cook! 🔥

  • @julianvelez6563
    @julianvelez6563 4 месяца назад +1

    Wow bro awesome work bro bro ❤❤❤

  • @pooriazolnooryan
    @pooriazolnooryan 3 месяца назад

    That was amazing, bro 🎉🎉🎉🎉🎉❤

    • @WawaSensei
      @WawaSensei  3 месяца назад +1

      You are amazing 😻

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

    Inspiring tutorial, as always.
    What about chunking parts of the world to optimize loading and rendering?
    Also, maybe you could add a state machine to the player and handle jumping?
    I hope you keep having fun with these videos!

    • @WawaSensei
      @WawaSensei  3 месяца назад +1

      Thanks a lot Sylvain!
      Chunking parts of the world could be a very interesting topic for a full video!
      Agreed about the state machine, with only 3 animations used I kept it as simple as possible but adding jump, and handling other ones would make a lot of sense!
      (Oh yes, I'm having a lot of fun with this new series 🙏)

  • @mattl2048
    @mattl2048 8 дней назад

    17:15 How are you able to see the animations for the .glb? I get "The file is not displayed in the text editor because it is either binary or uses an unsupported text encoding"
    Also, would be interesting we you can show us how to build the maps we're walking around in this video, or any map for that matter. As well as player creation and animation.
    Currently waiting on the course discount, though I message you in Facebook!
    Wish you all the best.

  • @hugonatan9817
    @hugonatan9817 3 месяца назад

    Hey Sensei, awesome video like always, do you cover a little trigonometry and vector3 maths in your couse?

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

    Could you solve a doubt of mine? How would you go about implementing a simple third person pov camera. Like an example scenario would be a small sphere moving along some line on some platform, how would you implement a simple button that switches from the general camera view to a third person pov camera which follows this moving sphere and back? Any help or guides would be greatly appreciated

  • @voyageruk2002
    @voyageruk2002 3 месяца назад +1

    I was surprised to see you using sin and cos in the calculations. Wouldn't it be better to calculate a direction vector using quaternions, then multiply this by scalar which would be your speed?
    I was thinking about buying your course but this put me off a little.
    Do you use quaternion in your course for more advanced behaviours as this is what I've started to learn about.

    • @WawaSensei
      @WawaSensei  3 месяца назад

      Hey, I’m not a pro on quaternions, thank you for sharing I’ll try your solution and grow my skills 🙌

    • @voyageruk2002
      @voyageruk2002 3 месяца назад

      @@WawaSensei you are an amazing teacher, I love your videos. Thank you for everything you have done for the community.

    • @WawaSensei
      @WawaSensei  3 месяца назад

      @@voyageruk2002 Thank you so much ser 🙏

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

    Yes! Thank you!! 😍😎

  • @DarksusBlade
    @DarksusBlade 3 месяца назад

    Hi Wawa Sensei is there a video or a way to fix the performance of our canvas/models?

  • @digkillneko
    @digkillneko 3 месяца назад

    Graceful!

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

    Thank you so much for this amazing code! So much to unpack from coastal world.
    How would you do on mobile to display the "joystick" like coastal did? Right now it works perfect, it's just that it visually lacks something for the user without a joystick.
    Not sure if it would be easy to combine the nipple js library or something like that with your example

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

      Thanks a lot for the kind words! About the joystick I've found this codepen: codepen.io/user2573/pen/PoWaRoE but I'm pretty sure it could be done in pure CSS! And as you suggest it should be plug and play with nipple js as it's just a visual indicator, the logic is already handled. I didn't know that library, but I like its name and design🤣

  • @blankblank103
    @blankblank103 3 месяца назад

    Damn i love this series
    I am curious, do you do this kind of web 3d stuff as a hobby or also for professional work? If so, i am curious what kind of real work demands these kind of skills?

    • @WawaSensei
      @WawaSensei  3 месяца назад

      Happy to read this! Thank you!
      Well, I discovered Three.js ~4/5 years ago for a project, then I'd say it represented one third of the professional projects I had. Now it represents 90% of what I'm doing (I can't say for sure how's the general demand, but thanks to this channel, I'm often contacted to give a hand on 3D projects)

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

    Thank you 🎉

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

      Thank you for the support!

  • @JAYDAS-o1b
    @JAYDAS-o1b 3 месяца назад

    Add auto rotate feature for your 3d models in your code Sir

  • @nitashbiswas3708
    @nitashbiswas3708 3 месяца назад

    What was the extension you used to view the character model in VSCode??

    • @WawaSensei
      @WawaSensei  3 месяца назад

      Hey, marketplace.visualstudio.com/items?itemName=degreat.3e here it is!

  • @artofunseen
    @artofunseen 3 месяца назад

    Can you make a video on just controler of third person without any other things

  • @redday8684
    @redday8684 3 месяца назад

    Can you explain how the character can move on slope without y axis in movement?

    • @WawaSensei
      @WawaSensei  3 месяца назад

      Hey, as we added physics, our rigidbody is subject to gravity. Because when we set the velocity, we pass the current velocity unaltered on the y axis, it's applying the one that comes naturally with the gravity. About slopes it's because we're using a capsule and not a cube

  • @dhanush77732
    @dhanush77732 3 месяца назад

    Can u make waterfall mountain using threejs for next video please

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

    Great tutorial and awesome explanation. I have one little problem, whenever I add CapsuleCollider my character falls down the first surface. I tried many combinations of args but still falling down!

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

      Thank you! Do you properly have a map with a rigidbody that will stop your character from falling?

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

      @@WawaSensei yes. I am following all steps and your starter content. But don't know why its happening

    • @Legends_and_Sagas
      @Legends_and_Sagas 3 месяца назад

      same problem some help please

    • @hugonatan9817
      @hugonatan9817 3 месяца назад

      @@malickgm507 move the position of the capsule up in the y axis by a little, This is happening because the capsulle is overlapping the floor mesh when it loads

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

    Super!

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

      Thank you! @everyone, check Max channel he deserves more views/subscribers! 🙌

  • @Legends_and_Sagas
    @Legends_and_Sagas 3 месяца назад

    i change the character but this new character down please answer me i need to know why and thanx

    • @WawaSensei
      @WawaSensei  3 месяца назад

      Did you adjust y position?

  • @biancamontesanti856
    @biancamontesanti856 3 месяца назад +1

    can this became multiplayer?

    • @WawaSensei
      @WawaSensei  3 месяца назад

      It can! Check the fall guys clone it’s using the same model, it would give you a good starting point!

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

    wow do you complete on that ?

    • @WawaSensei
      @WawaSensei  4 месяца назад +1

      thank you! What else would you need ser?

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

      @@WawaSensei your videos every week :p

    • @WawaSensei
      @WawaSensei  3 месяца назад

      @@irfansaeedkhan7242 the best I can do is two a month for now 😭Doing my best ser!