最近想研究WEBGL方面的知识,然后经朋友介绍,发现一个开源的Three.js还不错,打算研究一下,所以,才有了此篇文档。
通过此篇文档,你能了解到 Three.js 是什么以及 Three.js 的一些其他基础简介。
Three.js 是什么
Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精采的演示。
Three.js 是一款WebGL三维引擎,在所有WebGL引擎中,Three.js是国内文资料最多、使用最广泛的三维引擎。
Three.js 是一个 跨浏览器的脚本,使用 JavaScript 函数库或 API 来在网页浏览器中创建和展示动画的三维计算机图形。Three.js 使用 WebGL。源代码托管在 GitHub。
Three.js 允许使用 JavaScript 创建网页中的 GPU 加速的 3D 动画元素,而不是使用特定的浏览器插件。
Three.js 是一款 webGL 框架,由于其易用性被广泛应用。Three.js 在 WebGL 的 API 接口基础上,又进行的一层封装。
Three.js 以简单、直观的方式封装了 3D 图形编程中常用的对象。Three.js 在开发中使用了很多图形引擎的高级技巧,极大地提高了性能。
Three.js 作为 WebGL 框架中的佼佼者,由于它的易用性和扩展性,使得它能够满足大部分的开发需求,
Three.js 历史
Three.js 由 Ricardo Cabello 在 2010 四月于 GitHub 首次发布。
它的起源可以追溯到他在本世纪初演示场景的参与。
代码最初是在 ActionScript,稍后 2009 年移植到 JavaScript
Three.js 适用范围
Three.js 在所有支持 WebGL 1.0 的浏览器皆可运行。
补充:WebGL简介
WebGL(Web 图形库)是一个 JavaScript API,可在任何兼容的 Web 浏览器中渲染高性能的交互式 3D 和 2D 图形,而无需使用插件。
WebGL 通过引入一个与 OpenGL ES 2.0 非常一致的 API 来做到这一点,该 API 可以在 HTML5 <canvas> 元素中使用。这种一致性使 API 可以利用用户设备提供的硬件图形加速。
目前支持 WebGL 的浏览器有:Firefox 4+, Google Chrome 9+, Opera 12+, Safari 5.1+, Internet Explorer 11+ 和 Microsoft Edge build 10240+;然而,WebGL 一些特性也需要用户的硬件设备支持。
Three.js 官网与学习教程
Three.js 官网
英文官网 : https://threejs.org/
中文官网 : http://www.webgl3d.cn/
Three.js 学习文档
英文官网文档 : https://threejs.org/docs/index.html#manual/en/
中文官网文档 : https://threejs.org/docs/index.html#manual/zh/
webgl3d-文档 http://www.webgl3d.cn/
视频教程
参考文档