从事web前端开发都知道，这几年前端技术不断更新迭代，各种框架层出不穷，让人应接不暇，疲于应付。
为了应对这种情况，我们只能提高自己的学习效率，从而提高工作效率。今天我分享我学习three.js这个框架的心得，希望对从事前端开发和对前端有兴趣的能提供一些帮助。
Three.js是当下最流行的网页3D渲染JS引擎，其主要是对WebGL编程以面向对象方式进行的封装。那它能做什么呢？我们看一下下图即可知道：
3D肖像
那么该如何学习这个框架呢？
第一步，就是看这个框架的文档，如果你的英文不错，你可以直接访问官网：https://threejs.org/；也可以访问中文版的（不过这个会老点）：http://techbrood.com/threejs/docs/；你也可以下载PDF来阅读：http://www.jb51.net/books/499529.html。
第二步，比较枯燥，你需要通篇大概浏览一下文档具体的结构，然后依次看文档中各个API，参数所代表的意思，下载demo 下来，对着文档参考。
第三步，撸起袖子敲代码，看了demo你不一定会，最实在的还是要自己实践一下，才知道奥妙在哪里！
第四步，如何在实战中遇到解决不了的问题，文档也提供不了帮助，可以去一些社区请教大神（如Stack Overflow，知乎等），或者可以加一些qq学习交流群（如173306525，189282088），这两个都是有关three框架学习的交流群，里面有很多大神，对于我们初学者很有帮助。
如果你已经用了一段时间的threejs，也做了一些项目，还想继续了解three的底层机制，想要深入学习webgl知识，建议您要有一些图形学和一些高等的数学知识作为基础，这样学起来会没有那么的费劲。国内相关的资料也不是很全，这个是本人学习的网站：http://www.yiibai.com/webgl/webgl_graphics_basics.html；国外网址：http://www.khronos.org/webgl/；后期如有最新资料会持续更新。
以上是我个人学习three框架的历程，如有错误，希望多指正，或者有最新的学习资料望相互分享学习！
网友评论