本博客日IP超过2000,PV 3000 左右,急需赞助商。
极客时间所有课程通过我的二维码购买后返现24元微信红包,请加博主新的微信号:xttblog2,之前的微信号好友位已满,备注:返现
受密码保护的文章请关注“业余草”公众号,回复关键字“0”获得密码
所有面试题(java、前端、数据库、springboot等)一网打尽,请关注文末小程序
腾讯云】1核2G5M轻量应用服务器50元首年,高性价比,助您轻松上云
近年来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。
最后,欢迎关注我的个人微信公众号:业余草(yyucao)!可加作者微信号:xttblog2。备注:“1”,添加博主微信拉你进微信群。备注错误不会同意好友申请。再次感谢您的关注!后续有精彩内容会第一时间发给您!原创文章投稿请发送至532009913@qq.com邮箱。商务合作也可添加作者微信进行联系!
本文原文出处:业余草: » Three.js 简介