1-7.Three.js_Lights-SpotLight 聚光光源

SpotLight

聚光灯光源。这种光从一个点向一个方向发出,沿着一个圆锥,光照越远它的尺寸就越大。这种光照可以产生阴影。参阅SpotLightSadow页了解详细。

Example/例子

interactive / cubes / gpu

interactive / draggablecubes

materials / bumpmap / skin

materials / cubemap / dynamic

loader / md2

shading / physical

materials / bumpmap

shading / physical

shadowmap

shadowmap / performance

shadowmap / viewer

Code Example/代码例子

// 来自侧面的白色聚光灯,产生阴影。

var spotLight = new THREE.SpotLight( 0xffffff );

spotLight.position.set( 100, 1000, 100 );

spotLight.castShadow = true;

spotLight.shadow.mapSize.width = 1024;

spotLight.shadow.mapSize.height = 1024;

spotLight.shadow.camera.near = 500;

spotLight.shadow.camera.far = 4000;

spotLight.shadow.camera.fov = 30;

scene.add( spotLight );

Constructor/构造函数

SpotLight( color : Integer, intensity : Float, distance : Float, angle : Radians, penumbra : Float, decay : Float )

color -可选,十六进制的光照颜色,默认是0xffffff (white).

intensity -可选,光照强度的数值,默认是1 。

distance – Maximum distance from origin where light will shine whose intensity is attenuated linearly based on distance from origin.

angle – Maximum angle of light dispersion from its direction whose upper bound is Math.PI/2.

penumbra – Percent of the spotlight cone that is attenuated due to penumbra. Takes values between zero and 1. Default is zero.

decay – The amount the light dims along the distance of the light.

创建一个聚光灯光源。

Properties/属性

参阅Light基类了解更多地属性。

angle : Float,聚光灯光源在它方向上的最大范围,按弧度计。应该不超过PI/2,默认是Math.PI/3.

castShadow : Boolean,如果设置为true,光照将会产生动态的阴影。注意:为了使阴影看起来准确,需要耗费很多资源去调整。详情参阅SpotLightShadow类。默认是false。

decay : Float,光照随着距离的衰退量。在符合物理条件的模式下,设置为2,符合物理现实。默认是

distance : Float,如果是非0,光将在光源的位置到此距离,光的强度从最大线性衰减到默认是0.

isSpotLight : Boolean,检查是否是聚光灯光源,默认是true。用于内部优化,不能被更改。

penumbra : Float,聚光锥的半影衰减百分比。在0和1之间的值。默认是0 。

position : Vector3,这个设置等同于DefaultUp(0, 1, 0),这样光照就能从上到下照射。

power : Float,光照的强度。在物理正确模式下,用“流明”为单位表示光功率。默认是PI。这个跟光照的强度直接相关。Power=intensity(强度)*4 π,所以改变它将会改变光照强度。

shadow : SpotLightShadow,一个SpotLightShadow实例,用于计算灯光的阴影。

target : Object3D,一个聚光灯光源从它的位置指向目标的位置。默认的目标位置是(0, 0, 0)。注意:要想更改默认目标的位置,必须加入到场景中。add( light.target ); 这样目标的坐标世界将会随着每一帧最懂更新。也可以把目标设置为场景中的任意其他对象(只要有position属性),像:

var targetObject = new THREE.Object3D();

scene.add(targetObject);

light.target = targetObject;

这样聚光灯光源将会跟踪目标对象。

Methods/方法

参阅Light基类了解共通方法。

copy ( source : SpotLight ) : SpotLight,拷贝source聚光灯灯源的全部属性到改聚光灯灯源。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,826评论 6 506
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,968评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,234评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,562评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,611评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,482评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,271评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,166评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,608评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,814评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,926评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,644评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,249评论 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,866评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,991评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,063评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,871评论 2 354

推荐阅读更多精彩内容

  • 作为3D技术的发展趋势,浏览器端3D技术越来越被一些技术公司重视。由此,Threejs非常注重3D渲染效果的真实性...
    sakatayui酱阅读 1,753评论 0 1
  • 服务器数据库等杂项 1.Unity连接数据库 需要得到Mono.Data.Sqlite.dll文件与 System...
    豆铮阅读 2,621评论 1 4
  • 概述 Canvas -> JavaScript -> Three.js -> WebGL -> OpenGL ->...
    李霖弢阅读 1,430评论 0 1
  • Light(光照) 在真实场景中,一般存在两种类型的光照效果:直接光源和间接光源。 直接光源:顾名思义,就是光直接...
    老汪032588阅读 746评论 0 0
  • 今天幺爸和幺婶去米易。我留在家里陪妹妹和给她做午饭等下午送她回学校。 早晨,妹妹和我吃好早饭后,她先去上课了。我就...
    小敏m阅读 276评论 5 5