【ThreeJS基础教程-初识Threejs】1.3 右手坐标系

右手坐标系

• 学习ThreeJS的捷径
• 案例升级
• 右手坐标系与左手坐标系
• 右手坐标系旋转规则
• 可选学习内容推荐：欧拉角，四元数

学习ThreeJS的捷径

本段内容会写在0篇以外所有的，本人所编写的Threejs教程中

对，学习ThreeJS有捷径
当你有哪个函数不懂的时候，第一时间去翻一翻文档
当你有哪个效果不会做的时候，第一时间去翻一翻所有的案例，也许就能找到你想要的效果
最重要的一点，就是，绝对不要怕问问题，越怕找找别人问题，你的问题就会被拖的越久

如果你确定要走WebGL/ThreeJS的开发者路线的话，以下行为可以让你更快的学习ThreeJS

1. 没事就把所有的文档翻一遍，哪怕看不懂，也要留个印象，至少要知道Threejs有什么
2. 没事多看看案例效果，当你记忆的案例效果足够多时，下次再遇到相似问题时，你就有可能第一时间来找对应的案例，能更快解决你自己的问题
3. 上述案例不只是官 的案例，郭隆邦技术博客，跃焱邵隼，暮志未晚等站点均有不少优质案例，记得一并收藏
   http://www.yanhuangxueyuan.com/ 郭隆邦技术博客
   https://www.wellyyss.cn/ 跃焱邵隼
   http://www.wjceo.com/ 暮志未晚
   这三个站点是我最常逛的站点，推荐各位有事没事逛一下，看看他们的案例和写法思路，绝对没坏处

案例升级

本篇以讲解原理为主，案例未做太多修改

右手坐标系与左手坐标系

在右手坐标系中规定
使用右手握住坐标轴，大拇指的方向指向坐标轴正方向，此时，沿着其他四指指向的方向开始，绕坐标轴一周，这样属于旋转的正方向

代码中，类似这样的代码

这样就是沿着x轴正半轴做旋转

请各位在本篇的案例中多做尝试，在案例中尝试后，更容易理解本篇内容

可选学习内容推荐：欧拉角，四元数

在操作案例的过程中，我们的rotation其实并没有那么好用

threejs中使用的旋转，包含了欧拉角的基本知识，但是欧拉角在多次旋转的时候，总不是那么的好用，笔者曾多次在旋转问题上遭遇困难难以解决，所以在一番研究后，最终使用了四元数作为后续处理角度问题的首选方案

但是由于笔者本人对这几个概念也并未有比较完美的认知和理解，仅限于使用这些解决开发中的问题，所以在这里仅提出数学概念，有兴趣的同学可以去研究一下，这个在后续开发threejs的项目中， 会起到很好的引导和辅助作用

文章知识点与官方知识档案匹配，可进一步学习相关知识OpenCV技能树首页概览11269 人正在系统学习中