How to maintain a moving object on its trajectory once it is rotated (like translateX)

[etiennerin]

Hello,

My question might be simple, however i did not find any documentation or informations on how to do such thing.
I have a 3D cube on which i applied the useBox hook, i set it in motion through velocity and on the press of a directionnal arrow i want to rotate it right or left which i also managed with the use of angularVelocity. But once i want to move my object again (by pressing the up arrow to move it forward) the rotation is not taken into account and i would like to find a way of doing this(like translateX does it) or some documentation. I would like to do this without any controls/fpscontrols/pointerlockcontrols if possible.

Here is the codesandbox of the complete project once i'll consider it done :
react-three-cannon-racing-game-starter

The problem starts at line 133 in the Player component.

Here is the exact code :
`moveForward() {

  //console.log(rot.current)
  api.applyImpulse([-5,0.2,5],[2,0,0])
  //api.velocity.set(Math.sin(rot.current[1] * 6) * 2, 0, Math.cos(rot.current[1] * 6) * 2)
  //api.rotation.set(rot.current[0], rot.current[1], rot.current[2])
  //api.velocity.set(2, 0, 0)
},
moveBackward() {
  api.velocity.set(-2, 0, 0)
},
turnRight() {
  api.angularVelocity.set(0, -2, 0)
},
turnLeft() {
  api.angularVelocity.set(0, 2, 0)
},
stopMove() {
  api.velocity.set(0, 0, 0)
  api.angularVelocity.set(0, 0, 0)
} 

I also already read :
https://www.html5gamedevs.com/topic/24597-cannonjsmove-body-in-the-right-direction/
and it has a bit of a dry end

Thanks in advance for any information that might point in the right direction. I don't think i'm the only one having this basic issue, some documentation would be greatly appreciated !