从事web前端开发都知道,这几年前端技术不断更新迭代,各种框架层出不穷,让人应接不暇,疲于应付。
为了应对这种情况,我们只能提高自己的学习效率,从而提高工作效率。今天我分享我学习three.js这个框架的心得,希望对从事前端开发和对前端有兴趣的能提供一些帮助。
Three.js是当下最流行的网页3D渲染JS引擎,其主要是对WebGL编程以面向对象方式进行的封装。那它能做什么呢?我们看一下下图即可知道:
那么该如何学习这个框架呢?
第一步,就是看这个框架的文档,如果你的英文不错,你可以直接访问官网: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框架的历程,如有错误,希望多指正,或者有最新的学习资料望相互分享学习!