Search code examples
three.jsphysijs

Rotation When Object is Spinning


[] []

Imagine those are the front tires of a car and they're spinning forward in a straight line. How would I rotate them (in a steering motion) without them being affected by their local (spinning) rotation?


Solution

  • Add a "wheel" to a THREE.Group() object and rotate the group on y-axis.

      for(var i = 0; i < wheels.length; i++){
        steering[i].rotation.y = Math.sin(new Date() * 0.005) * 0.25;
        wheels[i].rotation.x += 0.1;
      }
    

    each steering is a THREE.Group(), each wheels is a cylinder.

    jsfiddle example