摘要：
在实际开发中，3D美术提供的三维模型可能包含帧动画数据需要你解析渲染，比如一个机械的装配过程，一个车门开关的动作，一个物体的移动动画。这时候你首先要对建立帧动画的概念，然后对Threejs帧动画相关的API使用规则进行熟悉，这样才能很好的解析加载的外部模型包含的帧动画。 在线演示地址 效果图： Th 阅读全文
摘要：
光源 Threejs场景对象Scene主要是由模型对象和光源对象Light构成，在实际开发过程中，多数三维场景往往需要设置光源对象，Threejs虚拟光源是对自然界光照的模拟。 1、环境光（AmbientLight）：会均匀的照亮场景中的所有物体。环境光不能用来投射阴影，因为它没有方向。 2、平行光 阅读全文
摘要：
模型 点模型Points、线模型Line、网格网格模型Mesh都是由几何体Geometry和材质Material构成。 1、点模型Points：就是几何体的每一个顶点数据渲染为一个方形区域，方形区域的大小可以设置。 2、线模型Line：两点确定一条直线，线模型Line就是使用线条去连接几何体的顶点数 阅读全文
摘要：
几何体本质： 立方体几何体BoxGeometry本质上就是一系列的顶点构成，只是Threejs的APIBoxGeometry把顶点的生成细节封装了，用户可以直接使用。 比如一个立方体网格模型，有6个面，每个面至少两个三角形拼成一个矩形平面，每个三角形三个顶点构成，对于球体网格模型而言，同样是通过三角 阅读全文
摘要：
为了准确for、foreach、map、filter、for in这些循环的效率，我写了下面的方法。 为了避免单次运行的随机性，让每个循环都跑100次，然后取平均值。得出的平均值跟单次结果存在误差（单次运行远大于平均后的值），但可以对比使用。 完整代码： <!DOCTYPE html> <html> 阅读全文
摘要：
Physijs Physijs是一款物理引擎，可以协助基于原生WebGL或使用three.js创建模拟物理现象，比如重力下落、物体碰撞等物理现象。 GitHub地址 演示地址 用法参考 stats.js 提供了一个简单的信息框，可帮助您监视代码性能。 FPS：画面每秒传输帧数。数字越高，页面越流畅 阅读全文
摘要：
概述： obj是一种3d模型格式，很适合与3D模型之间互导。目前几乎所有知名的3D软件都支持obj文件的读写。 obj文件在导出时一般包括两个文件.obj文件和.mtl文件。其中obj文件表示模型网络文件，mtl文件表示模型使用的材质。 Obj示例： # 一些注释 mtllib cube.mtl g 阅读全文
摘要：
效果图 在线演示地址： http://oa.hopenchina.com:8086/webgl/sprite.html 完整代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> 阅读全文
摘要：
效果图： 在线演示地址： http://oa.hopenchina.com:8086/webgl/moreObject.html 完整代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <b 阅读全文
摘要：
问题描述： Vue项目在chrome内核浏览中显示正常，但在360兼容性模式下（ie内核）无法显示，直接白屏，查看控制台发现如下错误。 原因及处理过程： 原因基本锁定ie浏览器无法解析es6。网上查了很多解决方案，比如：（下图方法一般兼容性问题确实可以解决） 比如： 但很遗憾，都没有能解决问题。跟我 阅读全文