在线客服
扫描二维码
下载博学谷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、其它特殊效果展示。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
学Javascript要看什么书?从入门到进阶书籍推荐
程序员想要完成一些简单的WEB前端需求,就必须掌握基础的JavaScript编程能力。因此为了方便大家学Javascript,小编整理了Javascript从入门到进阶的经典书籍,推荐给大家。
8831
2019-08-07 18:58:55
前端与移动开发培训班有就业保障吗?
前端与移动开发培训班有就业保障吗?目前互联网领域,多屏互动和多段兼容的界面是所有企业与项目的重要需求,因此前端与移动开发工程师一跃成为市场中紧俏的人才,薪资水平也水涨船高。与此同时,企业对前端与移动开发工程师的从业要求也不断提升,对于参加前端与移动开发培训的小伙伴来说,更关注的问题的是前端与移动开发培训班有就业保障吗?培训班提供哪些服务呢?
5685
2019-08-22 18:00:53
前端还能火几年?做前端有前途吗?
前端在前几年里有了飞速的发展,因此前端技术也逐渐变得成熟。但是相对稳定的前端技术,却让一些人担忧:前端还能火多久?可以这么说,只要IT行业还在发展,前端技术的需求就永远存在,不存在什么唱衰的说法。而且前端技术即将进入迭代优化阶段,在未来中高端的前端人才会更加缺乏。
6910
2019-09-29 16:57:16
JavaScript的三大基本操作案例讲解
JavaScript是一种用于创建和控制动态网站内容的编程语言,是开发交互式Web界面的最佳选择之一。那么,其交互性体现在哪些方面?如何实现基本的交互式操作? 下面我们一起来深入学习一下 JavaScript的三大基本操作,分别是改变HTML内容,改变HTML属性以及改变HTML样式。希望通过案例讲解,大家可以快速掌握这些基本操作。
4770
2020-08-17 15:05:06
女生学软件测试还是前端好?怎么选?
不管你是不是编程基础薄弱的女生,长远来看软件测试更适合女生。前端代码更新的很快做了前端想不落伍每天就要不停的学习;做软件测试也需要学编程,不懂代码的测试人员只能处在底层,厉害的测试工程师一般也是半个程序员。
7810
2021-04-14 15:23:24
热门文章
- 前端是什么
- 前端开发的工作职责
- 前端开发需要会什么?先掌握这三大核心关键技术
- 前端开发的工作方向有哪些?
- 简历加分-4步写出HR想要的简历
- 程序员如何突击面试?两大招带你拿下面试官
- 程序员面试技巧
- 架构师的厉害之处竟然是这……
- 架构师书籍推荐
- 懂了这些,才能成为架构师 查看更多
扫描二维码,了解更多信息
