在线客服
扫描二维码
下载博学谷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前端工程师要求具备哪些技能？岗位要求？
相关推荐 更多
JavaScript主要作用是什么？
学习编程的同学对JavaScript并不陌生，JavaScript是前端技术中非常重要的内容。例如页面的效果切换、动画效果、页面游戏等等。其实我们功通过HTML和CSS技术已经可以搭建各种样式的页面，但是向你要实现页面真正的动态效果，还需要使用JavaScript技术。下面小编就为大家详细介绍一下JavaScript主要作用是什么。
15005
2019-10-28 18:46:37
前端开发之input标签的type属性
在前端开发中必然会涉及到用户交互功能的开发，例如注册登录、评论等等。只要涉及到用户录入信息的过程，我们都要用到input标签。本文就主要问大家介绍一下input标签的type属性。
19014
2019-11-20 18:37:40
Web前端开发语言有哪些？各自有什么优势？
Web前端开发语言有哪些？各自有哪些优势？就目前Web前端开发可能涉及的语言来讲，有PHP语言、JavaScript、Ruby、HTML5、Java和Python。当然并不是说以上这些语言前端开发工程师都必须掌握，其实只选择一两门熟练掌握即可。下面我们来看看这些Web前端开发语言的具体介绍和自身的优势。
15639
2020-01-12 16:30:51
前端基础JavaScrip书籍推荐
相信对前端稍微有一些了解的人，都知道学习前端的三大基础，即HTML、CSS和JavaScrip，今天我们要讲的就是JavaScrip。关于JavaScript要学的内容是在太多了，尤其对于编程零基础的学习者来讲，学起来并不友好。因此本文将推荐给大家一些JavaScrip入门的书籍，大家可以先了解一些基础的语法知识，以打好Javascript能做一些的基础。
6386
2020-04-24 11:16:31
学Web前端和测试哪个好？门槛低？
有不少人在转换工作时很迷茫，不知道学习什么又担心自己入错行。Web前端和软件测试都是不错的专业, 从市场行情来看工作岗位比较多, 各有各特色优势。web前端相当于是半个程序员，测试门槛比较低学起来简单些。
6053
2021-04-01 15:43:58
