在线客服
扫描二维码
下载博学谷APP扫描二维码
关注博学谷微信公众号
Three.js基础知识分享 帮你入门学习JavaScript 3D 库,学习Three.js需要先了解一下 OpenGL 和 WebGL。OpenGL 是一个跨平台的3D/2D的绘图标准(规范),WebGL(Web Graphics Library)是一种3D绘图协议。WebGL允许把JavaScript和OpenGL 结合在一起运用,但使用WebGL原生的API来写3D程序非常的复杂,同时需要相对较多的数学知识对于前端开发者来说学习成本非常高。
WebGL
WebGL是一种Javascript的3D图形接口,把JavaScript和OpenGL ES 2.0结合在一起。
OpenGL
OpenGL是开放式图形标准,跨编程语言、跨平台,Javascript、Java 、C、C++ 、 python 等都能支持OpenGL ,OpenGL的Javascript实现就是WebGL。OpenGL ES 2.0是OpenGL的子集,针对手机、游戏主机等嵌入式设备而设计。
Canvas
Canvas是HTML5的画布元素,在使用Canvas时,需要用到Canvas的上下文,可以用2D上下文绘制二维的图像,也可以使用3D上下文绘制三维的图像,其中3D上下文就是指WebGL。
Three.js是什么?
官网:Javascript 3D library(JavaScript 3D 库)。
Three.js是基于webGL的封装的一个易于使用且轻量级的3D库,Three.js对WebGL提供的接口进行了非常好的封装,简化了很多细节,大大降低了学习成本,极大地提高了性能,功能也非常强大。
用户不需要详细地学习 WebGL,就能轻松创作出三维图形,是前端开发者研发3D绘图的主要工具。
微信小游戏跳一跳也是在基于Three.js研发的,Threejs现在是独领风骚。
简言之:Three.js就是能够实现3D效果的JS库
OpenGL、WebGL、Canvas、Three.js四者关系
OpenGL:3D绘图标准
WebGL:OpenGL + JavaScript
Canvas:WebGL + Canvas 2D
Three.js:一个基于WebGL封装的库
类似于:
ECMAscript:脚本语言规范
JavaScript:脚本语言
jQuery: 一个基于JavaScript封装的库
简单一句话概括:WebGL和Three.js的关系,相当于JavaScript和jQuery的关系。
Three.js应用场景有哪些?
Web 3D游戏、3D物体模型展示、数据可视化、Web VR、其它特殊效果展示。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
Web前端自动化工具有哪些?
随着互联网技术不断提升,企业对前端开发技术要求也越来严苛,尤其在新技术不断涌入的多元化发展模式中,前端工程师的工作量也越来越大。加入可以合理的采用一些便利的自动化工具,web前端开发工作就会轻松很多。
8074
2019-06-14 17:33:41
HTML5开发工具哪个好?前端必备工具推荐
HTML5作为前端开发中十分重要的部分,深受前端工程师的喜爱和欢迎。都说工欲善其事必先利其器。想要更好的完成在HTML5开发,好用的工具少不了。下面给大家推荐10款前端必备的HTML5开发工具,它们分别是Lungo、Animatron、DCloudHBuilder、mobl、Initializr、WebStorm、Notepad++、Dreamweaver、Eclipse和DevExtreme。
5909
2019-10-09 19:10:15
前端开发CSS清除浮动的方法有哪些?
在前端开发过程中,非IE浏览器下,当容器的高度自动,并且容器内容中有浮动元素(float为left或right),此时如果容器的高度不能自适应内容的高度,从而使得内容溢出破坏整体布局,这种现象叫做浮动溢出,为了方式这个现象的发生,就需要对CSS样式进行处理,而这个过程就叫做CSS清除浮动。现在常用的CSS清除浮动的方法有哪些呢?
6267
2019-10-30 18:55:42
前端开发就业方向有哪些?
前端开发就业方向有哪些?为什么要学习前端开发?学完前端开发能很快找到工作吗?对于0基础想要入行互联网的同学们而言,Web前端因为其简单易学,应用广泛的特性,成为同学们的首选。下面我们就一起了解一下前端开发就业方向都有哪些吧!
5252
2020-08-07 10:15:29
女孩子做前端是青春饭吗?适合web开发吗?
其实年龄并不是是衡量职业生涯的一个标准,无论是男性还是女性,如果有有丰富的前端开发经验,随着经验的不断积累,在职场中的优势越明显。强化内功,哪怕无法成为最前面的前端开发大牛,但也不会成为被淘汰的一员。
5354
2020-11-25 14:07:14