前端之three.js框架

从事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框架的历程,如有错误,希望多指正,或者有最新的学习资料望相互分享学习!

戳我博客

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,724评论 25 709
  • 作为一个前端程序猿,下面这些站会让你眼前一亮。 amazeui框架组建丰富 http://amazeui.org...
    欧巴冰冰阅读 12,869评论 18 303
  • 你好像没有来过 仲士心 你去世之后 没有人的眼目看见过你 没有人的耳轮听到过你 也没有人的话语谈起过你 你好像没有...
    王心夫阅读 3,437评论 3 2
  • 今天,我开始写属于自己的文章,不为什么,为不去写考场上的敷衍,为写出自己与生活的本真。 不知下次持笔是何日,愿早些...
    十二點涵阅读 786评论 0 1
  • 一提到“日本料理”,很多人首先映入脑海的应该就是寿司了,还有就是生鱼片和拉面。没错,这些的确是日本代表性的美食,但...
    在日本阅读 5,496评论 0 0