title: threejs how to rotate around object's own center,instead of world center
body: <p><img src="https://i.stack.imgur.com/mHexZ.gif" alt="enter image description here"></p>
  
  <p>two objects in the scene.
  the cube rotate axis should be the cube's center,that's my expect.</p>
  
  <p>but the shoe model's rotate axis is the world's y axis.</p>
  
  <p>my original code is.</p>
  
  <pre><code>cube.rotation.y += 0.01;
  shoe.rotation.y += 0.01;
  </code></pre>
  
  <p>I found a solution in stackoverflow,like this:</p>
  
  <pre><code>cube.rotation.y += 0.01;
  var pivot = new THREE.Object3D();
  pivot.add(shoe);
  pivot.rotation.y += 0.01;
  </code></pre>
  
  <p>But it doesn't work.
  And then, I change the shoe's position. </p>
  
  <pre><code>cube.rotation.y += 0.01;
  var pivot = new THREE.Object3D();
  shoe.position.set(-5,0,0);
  pivot.add(shoe);
  pivot.rotation.y += 0.01;
  </code></pre>
  
  <p>The result is better now, but it still not perfect. And since there are a lot of shoe's model, I can't determine different position for every shoe model.</p>