For days I’ve been trying to create already a third person player controller for react-three-fiber and @react-three/rapier such as in experiences like https://summer-afternoon.vlucendo.com and https://coastalworld.com/ Both of them seem to have the same implementation which works with keyboard and a…

[image] PavelBoytchev: like a person going after a cat, that goes after a laser pointer controlled by the person. [image] dlk: Thats actually a clever way of looking at it, but im not so sure. Here you go → a cat and a tail, because a cat needs a tail. Click in the canvas and then use …

I’m sorry to hear this is such an issue… you can use regular old orbit controls and just apply them to your character…slap WSAD controls onto a finite state machine and your done… Recommend watching videos gone by SimonDev on YouTube for more info

Hey! Thank you for the answer. I am afraid to say that it’s a bit more complicated than that. The user, when goes to the right or left, he goes in a circle, it seems. That’s the tricky part for me. I simply cannot understand how that is done, but I assume it has a relationship with the camera. I be…

Yea…your right about that…I don’t know how mine works…but I’m working on mine right now, so when I get a working example I will send you the most basic form to create what you need

That would be heavily appreciated! You did manage to get the character going in a circle? :dizzy_face:

Hello! Thank you for your answer :smile: I checked your project! It’s interesting, and thank you for sharing! Unfortunately, my project does not seek two joysticks :frowning: Still, I might keep it in mind for another project :pray:t2:

Threeverse also uses keyboard, u can just remove the joystick if u wish, u can modify the keyboard controls at assets/js/touchcontrols.js

Yup. Still, what mostly concerns me is how the player goes in a circle when going right or left in the projects i quoted. I dont know how can i implement that

See if this code helps; if(!playerControlsParameters.keyboard){ playerControlsParameters.keyboard={shift:false,walk:0,stir:0,yaw:0,elev:0} function desktopKeyDown(dK){ if(dK.keyCode===16)playerControlsParameters.keyboard.shift=true // Shift start if(dK.keyCode===87||dK.keyCode===3…

[image] dlk: how the player goes in a circle when going right or left To make circular turns, just add small forward steps inbetween turns. Instead of: turn → turn → turn Do: turn → step → turn → step → turn → step The size of the turn and the size of the step control how big the arc is. […

Third person controller with keyboard + joystick (No mouse)

Questions

Umbawa_Sarosong July 3, 2023, 1:23am 6

Hi I hope this helps, try Threeverse projects, it supports, first person, third person and orbit camera that follows around the player’s avatar, or try directly Threeverse demo.

Topic		Replies	Views
R3F & Rapier third person controller and follow camera Questions camera , react-three-fiber	9	5481	January 7, 2024
Third person controller for R3F + Rapier Jobs react-three-fiber , rapier	8	852	August 11, 2023
Assistance with help on making controls and drag rotation for Virtual Gallery Questions camera-controls , rotation , react-three-fiber , wasd	2	778	October 9, 2023
Third person player controller Showcase	1	789	August 14, 2023
Drei + using KeyboardControls Questions react-three-fiber , drei , react-threedrei	2	1811	October 4, 2024

Third person controller with keyboard + joystick (No mouse)

Related topics