Three.js 简介

HTML5 herman 390浏览 0评论

近年来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 教程

这些就是three.js能做的事情,我向你保证,完成这些事情,会比c++用更少的代码。而且更容易,更酷。

three.js 源自github的一个开源项目。官方地址: https://github.com/mrdoob/three.js

业余草公众号

最后,欢迎关注我的个人微信公众号:业余草(yyucao)!可加QQ1群:135430763,QQ2群:454796847,QQ3群:187424846。QQ群进群密码:xttblog,想加微信群的朋友,可以微信搜索:xmtxtt,备注:“xttblog”,添加助理微信拉你进群。备注错误不会同意好友申请。再次感谢您的关注!后续有精彩内容会第一时间发给您!原创文章投稿请发送至532009913@qq.com邮箱。商务合作可添加助理微信进行沟通!

本文原文出处:业余草: » Three.js 简介