Third Person Controller (React Three Fiber Tutorial)

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

КОМЕНТАРІ • 70

  • @Adhil7575
    @Adhil7575 6 місяців тому +2

    Me the first viewer plzz pin sir

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

      I'm happy if it makes you happy ser 🙌

  • @wokeezz
    @wokeezz 11 днів тому

    God knows how long I’ve been waiting for tutorial explaining colliders with raiper.js. Thank you Wawa sensei ❤

  • @BrandonCMaximum
    @BrandonCMaximum 15 днів тому

    Incredibly helpful video, I learned a lot about how powerful this framework can be for game development

  • @AndersonMancini
    @AndersonMancini 6 місяців тому +7

    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  6 місяців тому +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 6 місяців тому +5

    Three. Js and R3F wizard is back

    • @WawaSensei
      @WawaSensei  6 місяців тому +1

      △🧙 I really like this title!

  • @yayanartha21
    @yayanartha21 6 місяців тому +1

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

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

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

  • @boshen3953
    @boshen3953 6 місяців тому +1

    Welcome back, great video! 😍😍

  • @pawekozowski6128
    @pawekozowski6128 3 місяці тому

    THE GOAT NEVER DISSAPOINTS

  • @akhil8131
    @akhil8131 4 місяці тому +1

    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

  • @sylvainschellenberger
    @sylvainschellenberger 6 місяців тому

    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  6 місяців тому +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 🙏)

  • @souravdhar47
    @souravdhar47 6 місяців тому +1

    so many aha moments...loved it so much

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

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

  • @mattl2048
    @mattl2048 3 місяці тому

    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.

  • @HuynhLuong227
    @HuynhLuong227 6 місяців тому

    wow, welcome back, thanks for sharing

  • @slempens
    @slempens 6 місяців тому

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

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

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

  • @julianvelez6563
    @julianvelez6563 6 місяців тому +1

    Wow bro awesome work bro bro ❤❤❤

  • @blankblank103
    @blankblank103 6 місяців тому

    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  6 місяців тому

      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)

  • @pooriazolnooryan
    @pooriazolnooryan 6 місяців тому

    That was amazing, bro 🎉🎉🎉🎉🎉❤

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

      You are amazing 😻

  • @kevenrodriguesmeirelles2241
    @kevenrodriguesmeirelles2241 6 місяців тому

    This guy don't stop to cook! 🔥

  • @khevlar_studios
    @khevlar_studios 6 місяців тому

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

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

      🕺happy that you like it! Thank you!

  • @hugonatan9817
    @hugonatan9817 6 місяців тому

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

  • @voyageruk2002
    @voyageruk2002 6 місяців тому +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  6 місяців тому +1

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

    • @voyageruk2002
      @voyageruk2002 6 місяців тому +1

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

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

      @@voyageruk2002 Thank you so much ser 🙏

  • @DarksusBlade
    @DarksusBlade 6 місяців тому

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

  • @megabowser
    @megabowser 6 місяців тому

    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  6 місяців тому

      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🤣

  • @kezevraanwar2
    @kezevraanwar2 17 днів тому

    if i wanred to also have OrbitControls work too kinda like WoW or Fortnite or something, where u can pan to either side with mouse to quickly view around you, how would you get this to do that? thanks

  • @digkillneko
    @digkillneko 5 місяців тому

    Graceful!

  • @artofunseen
    @artofunseen 5 місяців тому

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

  • @redday8684
    @redday8684 6 місяців тому

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

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

      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

  • @JAYDAS-o1b
    @JAYDAS-o1b 6 місяців тому

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

  • @nitashbiswas3708
    @nitashbiswas3708 6 місяців тому

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

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

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

  • @PetrandoRichard
    @PetrandoRichard 6 місяців тому

    Yes! Thank you!! 😍😎

  • @dhanush77732
    @dhanush77732 6 місяців тому

    Can u make waterfall mountain using threejs for next video please

  • @malickgm507
    @malickgm507 6 місяців тому

    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  6 місяців тому

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

    • @malickgm507
      @malickgm507 6 місяців тому

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

    • @Legends_and_Sagas
      @Legends_and_Sagas 6 місяців тому

      same problem some help please

    • @hugonatan9817
      @hugonatan9817 6 місяців тому +1

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

  • @manilyildiz
    @manilyildiz 6 місяців тому

    Thank you 🎉

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

      Thank you for the support!

  • @Legends_and_Sagas
    @Legends_and_Sagas 6 місяців тому

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

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

      Did you adjust y position?

  • @biancamontesanti856
    @biancamontesanti856 6 місяців тому +1

    can this became multiplayer?

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

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

  • @irfansaeedkhan7242
    @irfansaeedkhan7242 6 місяців тому

    wow do you complete on that ?

    • @WawaSensei
      @WawaSensei  6 місяців тому +1

      thank you! What else would you need ser?

    • @irfansaeedkhan7242
      @irfansaeedkhan7242 6 місяців тому

      @@WawaSensei your videos every week :p

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

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

  • @MaxCodeJourney
    @MaxCodeJourney 6 місяців тому

    Super!

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

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