近年来web得到了快速的发展。随着HTML5的普及,网页的表现能力越来越强大。网页上已经可以做出很多复杂的动画,精美的效果。
但是,人总是贪的。那么,在此之上还能做什么呢?其中一种就是通过WebGL在网页中绘制高性能的3D图形。
但是现在,有了WebGL规范,一切都成为可能。越来越多的浏览器开始全方位的支持WebGL了。使用Chrome浏览器打开这个例子看一看,你就知道WebGL有多强大。
什么是OpenGL?
OpenGL大概许多人都有所耳闻,它是最常用的跨平台图形库。
什么是WebGL?
WebGL是在浏览器中实现三维效果的一套规范。
WebGL是基于OpenGL设计的面向web的图形标准,提供了一系列JavaScript API,通过这些API进行图形渲染将得以利用图形硬件从而获得较高性能。
使用WebGL原生的API来写3D程序是一件非常痛苦的事情,幸好,有很多同行花业余时间写了一些WebGL开源框架,其中three.js就是非常优秀的一个,它掩 盖了很多麻烦的细节,那么,就让我们一起来看看,什么是three.js吧。
什么是Three.js?
什么是threejs,很简单,你将它理解成three + js就可以了。three表示3D的意思,js表示JavaScript的意思。那么合起来,three.js就是使用javascript 来写3D程序的意思。
JavaScript是运行在网页端的脚本语言,那么毫无疑问Three.js也是运行在浏览器上的。
three.js是通过对WebGL接口的封装与简化而形成的一个易用的图形库。
简单点的说法:WebGL可以看成是浏览器给我们提供的接口,在javascript中可以直接用这些API进行3D图形的绘制;而three.js就是在这些接口上又帮我们封装得更好用一些。
Threejs能做什么?
一言以蔽之,它能写出在浏览器上流畅运行的3D程序。
看下面的图,来领会一下,three.js能做什么?
这些就是three.js能做的事情,我向你保证,完成这些事情,会比c++用更少的代码。而且更容易,更酷。
three.js 源自github的一个开源项目。官方地址: https://github.com/mrdoob/three.js。
: » Three.js 简介
原创文章,作者:端木书台,如若转载,请注明出处:https://blog.ytso.com/251309.html