聚光灯效应(spot light effects)指不经意的把自己的问题放到无限大。物联网场景效果中聚光灯也需要把某目标区域放大,ThingJS把聚光灯加入3D开发行列。
光源 (Lights) 是每个场景的重要组成部分。网格和纹理决定了场景的形状和外观,而光源则决定了三维环境的颜色和氛围。您可能会在每个场景中使用多个光源。让它们一起工作需要一些实践,但结果却相当惊人。

ThingJS 提供一个模拟手电筒、车灯、等线性光照效果的光源—聚光灯,从一个点向锥形范围内发射光线,官方类型是spotlight。
聚光灯是3D世界中的一种光源类型,其灯光从一点发出,沿着某一个方向照射出一个锥形光照范围。聚光灯近似于一个有夹角范围限定的点光源。聚光灯可用于模拟舞台、汽车车头灯,手电筒,台灯等光源效果,可添加至3D容器、摄像机等对象下方,对其中所有对应的对象生效。
聚光灯属性介绍
灯光角度
聚光灯的灯光聚光角度。
亮度
光线的明亮程度。
半影
投射光线边缘的虚化,默认为0,不模糊。
距离
光源照射的距离。默认为0,如果为0,表示光源不受距离影响,可照射至无穷远。
高度
光源照射的高度。聚光灯有方向和位置,并且以圆锥的形状制造灯光。
影子
光源被物体所遮蔽而产生阴影效果,默认关闭。
辅助线
默认显示。这种灯光从一点发出,在一个方向按照—个锥形的范围照射,呈现圆锥的形状。
跟随物体
通过设定追踪对象,可将该聚光灯设定为追光灯。
颜色
光线的颜色,对象的颜色受光线颜色影响。

3dmax之中,聚光灯是室内打光的基础,这种类型的3dmax灯光可以方便我们快速提亮目标区域的亮度,如果目标物体是动态的呢?官方采用JS mousemove鼠标移动事件来实现目标物体运动。
mousemove 事件是一个实时响应的事件,当鼠标指针的位置发生变化时(至少移动一个像素),就会触发 mousemove 事件。该事件响应的灵敏度主要参考鼠标指针移动速度的快慢以及浏览器跟踪更新的速度。官方在物体上方5米创建一个聚光灯,并让物体沿着路径方向不断循环,实现“跟随物体”的聚光灯效果。光打在了移动的物体上,照射范围和角度随着物体移动变化而变化。
跟随物体的聚光灯代码示例如下。完整版请登录ThingJS平台-场景效果-聚光灯查看。
采用ThingJS,设计师也不用愁3D开发了!
光源 (Lights) 是每个场景的重要组成部分。网格和纹理决定了场景的形状和外观,而光源则决定了三维环境的颜色和氛围。您可能会在每个场景中使用多个光源。让它们一起工作需要一些实践,但结果却相当惊人。

ThingJS 提供一个模拟手电筒、车灯、等线性光照效果的光源—聚光灯,从一个点向锥形范围内发射光线,官方类型是spotlight。
聚光灯是3D世界中的一种光源类型,其灯光从一点发出,沿着某一个方向照射出一个锥形光照范围。聚光灯近似于一个有夹角范围限定的点光源。聚光灯可用于模拟舞台、汽车车头灯,手电筒,台灯等光源效果,可添加至3D容器、摄像机等对象下方,对其中所有对应的对象生效。
聚光灯属性介绍
灯光角度
聚光灯的灯光聚光角度。
亮度
光线的明亮程度。
半影
投射光线边缘的虚化,默认为0,不模糊。
距离
光源照射的距离。默认为0,如果为0,表示光源不受距离影响,可照射至无穷远。
高度
光源照射的高度。聚光灯有方向和位置,并且以圆锥的形状制造灯光。
影子
光源被物体所遮蔽而产生阴影效果,默认关闭。
辅助线
默认显示。这种灯光从一点发出,在一个方向按照—个锥形的范围照射,呈现圆锥的形状。
跟随物体
通过设定追踪对象,可将该聚光灯设定为追光灯。
颜色
光线的颜色,对象的颜色受光线颜色影响。

3dmax之中,聚光灯是室内打光的基础,这种类型的3dmax灯光可以方便我们快速提亮目标区域的亮度,如果目标物体是动态的呢?官方采用JS mousemove鼠标移动事件来实现目标物体运动。
mousemove 事件是一个实时响应的事件,当鼠标指针的位置发生变化时(至少移动一个像素),就会触发 mousemove 事件。该事件响应的灵敏度主要参考鼠标指针移动速度的快慢以及浏览器跟踪更新的速度。官方在物体上方5米创建一个聚光灯,并让物体沿着路径方向不断循环,实现“跟随物体”的聚光灯效果。光打在了移动的物体上,照射范围和角度随着物体移动变化而变化。
跟随物体的聚光灯代码示例如下。完整版请登录ThingJS平台-场景效果-聚光灯查看。
采用ThingJS,设计师也不用愁3D开发了!