您的位置:首页 > Web前端 > JavaScript

three.js 源码注释(四十二)Light/AreaLight.js

2014-12-06 14:51 288 查看
商域无疆 (http://blog.csdn.net/omni360/)

本文遵循“署名-非商业用途-保持一致”创作公用协议

转载请保留此句:商域无疆 - 本博客专注于 敏捷开发及移动和物联设备研究:数据可视化、GOLANG、Html5、WEBGL、THREE.JS,否则,出自本博客的文章拒绝转载或再转载,谢谢合作。

俺也是刚开始学,好多地儿肯定不对还请见谅.

以下代码是THREE.JS 源码文件中Light/AreaLight.js文件的注释.

更多更新在 : https://github.com/omni360/three.js.sourcecode

/**
 * @author MPanknin / http://www.redplant.de/  * @author alteredq / http://alteredqualia.com/  */
 /*
///AreaLight方法根据设置灯光的颜属性color, 强度属性intensity 创建平面光(面光,区域光).AreaLight对象的功能函数采用
/// 定义构造的函数原型对象来实现,区域光和其他光源不同,是一种二维面积光源,他的亮度不仅和强度有关,而且还和他的面积大小有关.
/// 通过变换灯光的width,height,normal属性,区域光可以模拟窗户射入光线.\
/// TODO: AreaLight类型灯光在这个版本内还没有实现阴影.???
/// Example:
/// 		var light = new THREE.AreaLight(0xff0000,1);	//创建平面灯光对象
/// 		light.position.set(50,50,30);	//设置位置
///			light.rotation.set(-0.3,0.3,0.002);	//设置角度
///			light.width = 10;	//设置宽度
///			light.height = 1;	//设置高度
///			scene.add(lignt);	//加入场景
*/
///<summary>AreaLight</summary>
///<param name ="color" type="THREE.Color">灯光的颜色属性</param>
///<param name ="intensity" type="Number">灯光的强度,默认是1</param>
///<returns type="AreaLight">返回AreaLight,区域光.</returns>
THREE.AreaLight = function ( color, intensity ) {

	THREE.Light.call( this, color );	//调用Light对象的call方法,将原本属于Light的方法交给当前对象AreaLight来使用.

	this.normal = new THREE.Vector3( 0, - 1, 0 );	//面光的法线.可以设置或者获得面光的单位向量,确认灯光照射面正确.这是在局部空间计算.
	this.right = new THREE.Vector3( 1, 0, 0 );		//

	this.intensity = ( intensity !== undefined ) ? intensity : 1;	//灯光的颜色属性,如果不指定,初始化为1.

	this.width = 1.0;	//区域光的宽度,初始化为1.0
	this.height = 1.0;	//区域光的高度,初始化为1.0\

	//WebGL是通过光强乘以衰减系数来计算衰减光照的,
	//attenuation (衰减系数) = 1`/ (this.constantAttenuation + this.distance * this.linearAttenuation + this.quadraticAttenuation * this.distance * this.distance )
	this.constantAttenuation = 1.5;	//常量衰减系数,系数值越大,衰变越快。
	this.linearAttenuation = 0.5;	//线性衰减系数,系数值越大,衰变越快。
	this.quadraticAttenuation = 0.1;	//衰减平方系数,系数值越大,衰变越快。

};

/**************************************************************************************
****下面是AreaLight对象提供的功能函数定义,一部分通过prototype继承自Light方法
***************************************************************************************/
THREE.AreaLight.prototype = Object.create( THREE.Light.prototype );	//AreaLight对象从THREE.Light的原型继承所有属性方法


商域无疆 (http://blog.csdn.net/omni360/)

本文遵循“署名-非商业用途-保持一致”创作公用协议

转载请保留此句:商域无疆 - 本博客专注于 敏捷开发及移动和物联设备研究:数据可视化、GOLANG、Html5、WEBGL、THREE.JS,否则,出自本博客的文章拒绝转载或再转载,谢谢合作。

以下代码是THREE.JS 源码文件中Light/AreaLight.js文件的注释.

更多更新在 : https://github.com/omni360/three.js.sourcecode
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: