标签：three-js rotation javascript math

我正在尝试制作一个简单的飞机飞行游戏.我希望用户使用箭头键围绕360度区域旋转飞机,该区域的上下方向是相对于飞机水平位置的相对Y轴.左右箭头应仅使平面绕其z轴旋转并允许其具有新的Y轴位置.我的问题是-如何在相对于新水平位置的Y轴上旋转飞机？

我有一个名为“飞机”的小组,并且完成了诸如plane.rotation.z(用于左右)和plane.rotation.x(用于上下)的工作-但是x轴不在新的水平面上.我还尝试使用plane.children [1] .matrix.rotation.x访问组中的模型/网格,以查看这是否可以更改相对Y轴…但是,这也会导致相同的问题.如何找到相对于其当前水平位置的Y轴？

我的代码可以在jsfiddle here上看到

任何帮助将不胜感激.

解决方法:

坦率地说,我很难理解您的问题,但我认为您的问题是：“如何使用箭头键围绕内部Z轴或X轴旋转对象？”

这样的例程将做到这一点：

var _q1 = new THREE.Quaternion();

function rotateOnAxis( object, axis, angle ) {

    _q1.setFromAxisAngle( axis, angle );
    object.quaternion.multiplySelf( _q1 );

}    

该例程使用四元数实现.这实际上没什么大不了的-您只需要设置：

object.useQuaternion = true;

这是更新的小提琴：http://jsfiddle.net/Lc8gH/20/.

编辑：您现在可以使用Object3D.rotateOnAxis(axis,angle);

three.js r.58

标签：three-js,rotation,javascript,math
来源： https://codeday.me/bug/20191031/1977684.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。