Three.js中的坐标系

three.js中坐标系使用的是左手坐标系

左手坐标系

左手坐标系和右手坐标系的对比:

左右手坐标系
当然three.js中使用的是右手坐标系

three.js中的旋转的定义

但是three.js中的旋转是如何定义的呢?

旋转的正方向

在three.js中旋转使用的是弧度制,2π为一圈一定要注意

可以用一个小部件来提示坐标

var axisHelper=new axisHelper()//每个轴的长度
scene.add(axisHelper);

加入坐标参考后的界面模型将会如图所示

学习的资料和源码我都共享到我的gitHub仓库中去了,大家有兴趣的可以去下载,欢迎foke,clone,加星星,也算是对我的一个鼓励吧

three学习资料的github地址
或者复制链接地址到浏览器
https://github.com/kingder-c/LearnThree.js

里面除了源码和笔记之外再document中还有我推荐的两本教材的电子书,希望能帮助到大家
如果大家有更好的学习资料一欢迎提交的上面去供大家一起交流和学习,对大家发出的PR我一定及时接受