前端,不再局限于2D!

原创 Badmaster_Y 随笔 瞎鼓捣 691阅读 2017-11-22 09:32:32 举报

写在最初的话:这是一个比较新的领域(也就是H5以后),一个令人眼前一亮的新技能,web端的3D效果。这不适合新手!

这里我会推荐一下基于webGL实现的一个第三方的类库——Three.js
或许在此之前需要了解一下什么是 WebGL 。不过在这里我不会过多的赘述,因为提到 WebGL 就不得不提到计算机图形学的一些东西,计算机图形学的东西就比较底层了。而我们使用 three.js 却没有这么多的顾虑。或许在以后会有几篇专门关于 WebGL 的文章。
言归正传,我们还是来聊一聊今天的主题 three.js。Three.js 是 JavaScript 编写的 WebGL 第三方库。提供了非常多的 3D 显示功能。Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精彩的演示。不过,这款引擎目前还处在比较不成熟的开发阶段,其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度(尤其是文档的匮乏)three.js 的代码托管在 GitHub 上面。
不过相对于匮乏的文档以及参考文献,我们不得不提的还是 three.js 提供的十分方便,十分好用的 3D 显示功能,这是一个不争的事实。所以呢,下面会提供一些可以参考的网址来略微缓解一下这个尴尬的情况:
threejs官网:https://threejs.org/

threejs作者个人网站:http://mrdoob.com/

webgl中文网:http://www.hewebgl.com/

书籍的话我推荐Three.js开发指南,已经很详细的为初学者提供了大部分常用的方法。

说一千道一万也没什么意义,下面我们来上一些干货:

前端,不再局限于2D!

最后,前端路漫漫,希望每一位喜欢前端的程序员可以不忘初心!

评论 ( 1 )
最新评论
咯嘣咯嘣脆 2017-11-29 08:52:26 1F

这是要写教程么,打码跟踪