Light是场景中由灯光对象的抽象基类,通过原型的方式继承自Object3D,在WebGL的三维空间中,存在点光源PointLight和聚光灯SpotLight两种类型,还有作为点光源的一种特例,
平行光DirectionLight,和环境光AmbientLight.在3D场景中,基本上是这几种光源的组合,创建各种各样的效果.
Light
颜色值
<returns type...
分类:
Web程序 时间:
2014-12-06 15:29:04
阅读次数:
201
坐标变换是深入理解三维世界的基础,非常重要。学习这部分首先要清楚几个概念:视点变换、模型变换、投影变换、视口变换。
在现实世界中,所有的物体都具有三维特征,但计算机本身只能处理数字,显示二维的图形,因此我们要将三维物体用二维数据表示出来,这一联系的点就是坐标。在OpenGL三维空间中坐标的形式有两种:世界坐标系和局部坐标系。
①世界坐标系:始终固定不变。举例,以太阳系中心太阳为...
分类:
其他好文 时间:
2014-12-02 22:42:37
阅读次数:
656
坐标变换是深入理解三维世界的基础,非常重要。学习这部分首先要清楚几个概念:视点变换、模型变换、投影变换、视口变换。 在现实世界中,所有的物体都具有三维特征,但计算机本身只能处理数字,显示二维的图形,因此我们要将三维物体用二维数据表示出来,这一联系的点就是坐标。在OpenGL三维空间中坐标的形式...
分类:
其他好文 时间:
2014-12-02 14:54:40
阅读次数:
202
WebGL: 是 OpenGL 和 JavaScript 之间的结晶、HTML5 的 canvas 元素里、利用和OpenGL同样的API、可以绘制高精度的三维图像。 (OpenGL 能够从任意视点出发,对三维空间中的物体进行二维投影的自动计算。 而且因为可以直接操作计算机的图形卡、OpenGL能够...
分类:
Web程序 时间:
2014-11-26 18:09:04
阅读次数:
234
Face3对象的构造函数.用来在三维空间内通过参数a,b,c, normal, color, materialIndex创建一个三角面对象.Face3对象的功能函数采用
定义构造的函数原型对象来实现.
用法: var a=0,b=1,c=2; var normal = new THREE.Vector3( 0, 1, 0 ); var color = new THREE.Color( 0xffaa00 ); var face = new THREE.Face3( a, b, c, normal, col...
分类:
Web程序 时间:
2014-11-25 18:34:56
阅读次数:
261
Frustum对象的构造函数.用来在三维空间内创建一个平截头体对象.Frustum对象的功能函数采用
定义构造的函数原型对象来实现,平截头体由6个平面对象构成.
Frustum
组成平截头体的面p0
组成平截头体的面p1
<param name ="p2" type="THREE.Plane"...
分类:
Web程序 时间:
2014-11-20 13:44:51
阅读次数:
320
以下代码是THREE.JS 源码文件中Math/Plane.js文件的注释.
Plane对象的构造函数.用来在三维空间内创建一个法线向量为normal,从原点到平面的距离为constant的无限延展的二维平面对象.Plane对象的功能函数采用
定义构造的函数原型对象来实现.
用法: var normal = new Vector3(0,0,0),constant = 5.5; var Plane = new Plane(normal,constant);
创建一个法线向量是0,0,0原点到平面的距离是5...
分类:
Web程序 时间:
2014-11-19 16:05:34
阅读次数:
386
Sphere对象的构造函数.用来在三维空间内创建一个球体对象.Sphere对象的功能函数采用
定义构造的函数原型对象来实现.
用法: var center = new Vector3(0,0,0),radius = 5; var sphere = new Sphere(center,radius);
创建一个圆心是0,0,0半径是5的球体.
Sphere
中心点坐标值
<pa...
分类:
Web程序 时间:
2014-11-18 11:51:39
阅读次数:
209
three.js 源码注释(十三)Math/Ray.js
今天把Three.js的Ray类注释完了,非常重要的一个类.在场景中拾取对象,经常会用到这个类.
Ray对象的构造函数.用来创建一个三维空间里的射线对象.Ray对象的功能函数采用
定义构造的函数原型对象来实现,ray主要是用来进行碰撞检测,在选择场景中的对象时经常会用到,判断当前鼠标是否与对象重合用来选择对象.
用法: var origin = new Vector3(1,1,1),direction = new Vector3(9,9,9)...
分类:
Web程序 时间:
2014-11-17 15:51:37
阅读次数:
342
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