dragoo1的专栏

太阳火神的美丽人生 (http://blog.youkuaiyun.com/opengl_es)本文遵循“署名-非商业用途-保持一致”创作公用协议转载请保留此句：太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究：iOS、Android、Html5、Arduino、pcDuino，否则，出自本博客的文章拒绝转载或再转载，谢谢合作。检测使用 three.js 时

什么是Three.jsthree.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精采的演示。不过，这款引擎目前还处在比较不成熟的开发阶段，其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度（尤其是文档的匮乏

webGL可以让我们在canvas上实现3D效果。而three.js是一款webGL框架，由于其易用性被广泛应用。如果你要学习webGL，抛弃那些复杂的原生接口从这款框架入手是一个不错的选择。自己虽然在去年6月份接触过一段时间，但是一直没有时间研究一下，对webGL了解的也不是很多，近来有些时间，总结一下自己掌握的这些WEBGL的东西，也给大家分享一下。在本篇文章当中，会以一个demo为例，读

three.js最新版本'75'相较以前使用的'71'版本obj模型加载的方法发生了变化。  移除了OBJMTLLoader.js,并将原来OBJLoader.js和MTLLoader.js加载方法loader.setCrossOrigin更改为loader.setPath。  所以再使用原来的加载方式：var onProgress = function(xhr) { if (

本篇文章将详细讲解three.js中渲染器（renderer）的设置方法。three.js文档中渲染器的分支如下：RenderersCanvasRendererDOMRendererSVGRendererWebGLRendererWebGLRenderTargetWebGLRenderTargetCubeWebGLShaders可以看到three.js提供了