Box3对象的构造函数.用来在三维空间内创建一个立方体边界对象.Box3对象的功能函数采用
定义构造的函数原型对象来实现.
NOTE:如果没有参数min,max将立方体边界初始化为Infinity,无穷大
用法: var min = new Vector3(0,0,0),max = new Vector3(1,1,1); var box = new Box3(min,max);
通过两个Vector3(三维向量)min,max创建一个立方体边界对象.
Box3...
分类:
Web程序 时间:
2014-11-16 17:25:47
阅读次数:
281
Box2对象的构造函数.用来在二维空间内创建一个二维矩形边界边界对象.Box2对象的功能函数采用
定义构造的函数原型对象来实现.
NOTE:如果没有参数min,max将二维矩形边界初始化为Infinity,无穷大
three.js 源码注释(十一)Math/Box2.js
用法: var min = new Vector2(0,0),max = new Vector2(1,1); var box = new Box2(min,max);
通过两个Vector2(二维向量)min,max创建一个二维矩...
分类:
Web程序 时间:
2014-11-15 15:33:44
阅读次数:
317
Line3对象的构造函数.用来创建一个三维线段对象.Line3对象的功能函数采用
定义构造的函数原型对象来实现.
用法: var start = new Vector3(0,0,0),end = new Vector3(1,1,1); var line = new Line3(start,end);
创建一个起始点start为0,0,0,结束点end为1,1,1的线段.
Vector3
起始点...
分类:
Web程序 时间:
2014-11-14 15:45:23
阅读次数:
257
Matrix4对象的构造函数.用来创建一个4x4矩阵.Matrix4对象的功能函数采用
定义构造的函数原型对象来实现,实际就是一个数组.
用法: var m = new Matrix4(11, 12, 13, 14, 21, 22, 23, 24, 31, 32, 33, 34, 41, 42, 43, 44)
创建一个4x4的矩阵,其实就是一个长度为9的数组,将参数(11, 12, 13, 21, 22, 23, 31, 32, 33, 41, 42, 43, 44)传递给数组用来初始化.
一个变...
分类:
Web程序 时间:
2014-11-14 10:47:45
阅读次数:
419
摘要:Chromium图形栈在2014年有多项改进,在图形性能和资源消耗方面做了进一步提升,例如ubercompositor的使用,GPU加速的光栅化,零拷贝(zero-copy)的支持,Android WebView的渲染模型改进等。这个幻灯片尝试列举Chromium在图形栈方面一些变化,以及Chromium渲染流水线的总体框架,并对WebGL性能慢于OpenGL原生应用的原因做了一定的推测。...
分类:
其他好文 时间:
2014-11-07 20:56:16
阅读次数:
363
摘要:从Android KitKat系统第一个采用Chromium内核的WebView开始,Android WebView一直在持续演进中,自Chromium M38开始,WebView在硬件渲染模式方面发生了较大的变化,最明显的变化莫过于WebGL的支持以及ubercompositor的使用,同时为了吻合Android L的渲染模型变化,DrawGL函数是在Android系统的渲染线程中执行的。...
分类:
Web程序 时间:
2014-11-07 19:03:44
阅读次数:
677
WebGL是一项使用JavaScript实现3D绘图的技术,浏览器无需插件支持,Web开发者就能借助系统显卡(GPU)进行编写代码从而呈现3D场景和对象。
分类:
Web程序 时间:
2014-10-31 15:11:24
阅读次数:
229
Pixi.js使用WebGL,是一个超快的HTML5 2D渲染引擎。作为一个Javascript的2D渲染器,Pixi.js的目标是提供一个快速的、轻量级而且是兼任所有设备的2D库。提供无缝 Canvas 回退,支持主流浏览器,包括桌面和移动。 Pixi渲染器可以开发者享受到硬件加速,但并不需要了解...
分类:
Web程序 时间:
2014-10-28 13:32:15
阅读次数:
3200
three.js 源码注释(八)Math/Matrix3.js
///Matrix3对象的构造函数.用来创建一个3x3矩阵.Matrix3对象的功能函数采用
///定义构造的函数原型对象来实现,实际就是一个数组.
///
/// 用法: var m = new Matrix3(11, 12, 13, 21, 22, 23, 31, 32, 33)
/// 创建一个3x3的矩阵,其实就是一个长度为9的数组,将参数(11, 12, 13, 21, 22, 23, 31, 32, 33)传递给数组用来初始化.
...
分类:
Web程序 时间:
2014-10-27 17:40:40
阅读次数:
280
three.js 源码注释(七)Math/Euler.js
/*
///Euler对象的构造函数.用来创建一个欧拉角的对象.Euler对象的功能函数采用
///定义构造的函数原型对象来实现.
///
/// 用法: var euler = new Euler(5,3,2,'XYZ')
/// 创建一个绕某轴旋转5度,绕y轴旋转某度,绕某轴旋转2度,旋转顺序为'XYZ'.有了旋转顺序才能确定每个x,y,z轴分别旋转多少度.
/// NOTE: 参数x,y,z代表3个轴的旋转角度,具体哪个轴旋转多少度,需要后...
分类:
Web程序 时间:
2014-10-27 14:28:11
阅读次数:
237