three.js可以同时旋转和移动物体

您好，感谢您的时间。我试图移动一个对象并同时旋转它。在执行两个动作的同时，对象移动不规律。我已经读过，旋转以某种方式改变了轴。真的吗？这是代码。我曾尝试使用世界轴和对象轴进行旋转，但具有相同的问题。three.js可以同时旋转和移动物体

var rotObjectMatrix; 
    function rotateAroundObjectAxis(object, axis, radians) { 
     rotObjectMatrix = new THREE.Matrix4(); 
     rotObjectMatrix.makeRotationAxis(axis.normalize(), radians); 

     object.matrix.multiply(rotObjectMatrix); 

     object.rotation.setFromRotationMatrix(object.matrix); 
    } 


var rotWorldMatrix; 
    // Rotate an object around an arbitrary axis in world space  
    function rotateAroundWorldAxis(object, axis, radians) { 
     rotWorldMatrix = new THREE.Matrix4(); 
     rotWorldMatrix.makeRotationAxis(axis.normalize(), radians); 
     rotWorldMatrix.multiply(object.matrix);    

     object.matrix = rotWorldMatrix; 

     object.rotation.setFromRotationMatrix(object.matrix); 
    } 

      function spriteAI2() { 
      //var ranTen = Math.floor((Math.random()*7)+2); 
      var xAxis = new THREE.Vector3(1,0,0); 
      var yAxis = new THREE.Vector3(0,1,0); 
      var zAxis = new THREE.Vector3(0,0,1); 
      rotateAroundObjectAxis(meshSprite, zAxis, Math.PI/180); 
      if (meshSprite.position.x > 30 && meshSprite.position.x <= 450) { 
      meshSprite.translateX(-6); 
      } else if (meshSprite.position.y > 30 && meshSprite.position.y <= 250) { 
      meshSprite.translateY(-6); 
      } else if (meshSprite.position.z > 30 && meshSprite.position.z <= 350) { 
      meshSprite.translateZ(-6); 
      } else if (meshSprite.position.x < -30 && meshSprite.position.x >= -450) { 
      meshSprite.translateX(6); 
      } else if (meshSprite.position.y < -30 && meshSprite.position.y >= -250) { 
      meshSprite.translateY(6); 
      } else if (meshSprite.position.z < -30 && meshSprite.position.z >= -350) { 
      meshSprite.translateZ(6); 
      } else if (meshSprite.position.x < 31 && meshSprite.position.y < 31 && meshSprite.position.z < 31 && meshSprite.position.x > -31 && meshSprite.position.y > -31 && meshSprite.position.z > -31) { 
      var locX = Math.floor((Math.random()*450)+1); 
      locX *= Math.floor(Math.random()*2) == 1 ? 1 : -1; 
      var locY = Math.floor((Math.random()*250)+1); 
      locY *= Math.floor(Math.random()*2) == 1 ? 1 : -1; 
      var locZ = Math.floor((Math.random()*350)+1); 
      locZ *= Math.floor(Math.random()*2) == 1 ? 1 : -1; 
      scene.remove(meshSprite); 
      //texture.dispose(); 
      c2ImgMaterial.dispose(); 
      meshSprite.position.set(locX, locY, locZ); 
      scene.add(meshSprite); 
      //c2Sprite.clone; 
      } 
     }

来源

2013-09-27 Kahless

请参阅three.js示例和three.js源代码。从Object3D.js开始。如果您遇到问题，请学习如何设置jsfiddle，以便其他人可以看到实例。这里是一个例子：http://jsfiddle.net/hbt9c/61/ – WestLangley

太棒了。会做。 – Kahless

我找到了我的问题的来源。看起来在three.js中，对象可以在本地或全局移动。在我的情况下，我使用的是本地版本。

  meshSprite.translateX(-6); // Local 

      var delta = clock.getDelta(); // Global 
      var moveDistance = 125 * delta; // 200 pixels per second 
      meshSprite.position.x += moveDistance;

切换到全局移动形式后，旋转时不会发生冲突。有关更详细的解释，请参见以下URL。 http://stemkoski.github.io/Three.js/Mesh-Movement.html

来源

2013-09-28 04:52:55 Kahless

three.js可以同时旋转和移动物体

回答

相关问题