javascript – 如何在mousedrag上围绕webgl中的场景旋转(模拟在相关位置移动的相机)

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何在mousedrag上围绕webgl中的场景旋转(模拟在相关位置移动的相机)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含908字，纯文字阅读大概需要2分钟。

内容图文

好的,
所以我在过去的几个小时里一直在阅读,我已经设法使用以下矩阵计算让鼠标拖动到x轴上工作,但y轴没有运气：
哪里
newX =新鼠标X coord
previousX =上次更新时的鼠标X坐标
position =摄像头位置
mvMatrix =模型视图矩阵或’世界矩阵’

angle = 0.01*(newX-previousX);
rM = mat4.create();
mat4.identity(rM);

rM[0] = Math.cos(angle);
rM[2] = Math.sin(angle);
rM[8] = -Math.sin(angle);
rM[10] = Math.cos(angle);

mat4.multiplyVec3(
    rM,
    position,
    position
)

*请注意,这使用了glMatrix库(http://code.google.com/p/glmatrix/)

而且为了始终面对0,0,0的位置

mat4.lookAt(
    position,
    vec3.create([0, 0, 0]),
    vec3.create([position[0], position[1]+1, position[2]]),
    mvMatrix
);

我从http://en.wikipedia.org/wiki/Rotation_matrix得到了矩阵
我在’基本旋转’和Ry下使用了矩阵

我确信此前已经完成,任何帮助都会被贬低.

干杯,乔希

解决方法:

看一下my WebGL lesson 11 – 它会旋转世界中的物体而不是相机,但你应该能够切换你将newRotationMatrix和moonRotationMatrix相乘的顺序来反转它.

内容总结

以上是互联网集市为您收集整理的javascript – 如何在mousedrag上围绕webgl中的场景旋转(模拟在相关位置移动的相机)全部内容，希望文章能够帮你解决javascript – 如何在mousedrag上围绕webgl中的场景旋转(模拟在相关位置移动的相机)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---