HT for Web 灯光手册

索引


概述

构建3D的场景除了创建模型,对模型设置颜色和贴图外,还需要有灯光的效果才能更逼真的反映真实世界的场景。 本手册将深入介绍头灯点光灯聚光灯方向光等光源的各种配置参数,以及雾化等效果。

头灯

HT默认内置了一盏头灯,头灯相当于在graph3dView.getEye()的眼睛位置有一个点光灯, 该灯源的位置随graph3dView.getEye()自定变化,因此用户即使不做任何灯光设置,漫游到任何位置都能体验到基本光照效果。

Graph3dView通过以下参数控制头灯:

灯对象

HT提供了ht.Light类型的图元,该类型继承于ht.Node,通过创建ht.Light类型的图元对象, 然后添加到DataModel数据模型达到添加灯的效果。以下介绍的点光灯聚光灯方向光等光源类型都是通过ht.Light对象控制,以下为灯光类型共同的style属性:

DataModel中删除ht.Light对象,与将light.disabled属性设置为false都能得到关闭灯光效果, 但从DataModel中删除操作较重,建议在长时间不使用灯光时采用删除方式,如果要实现闪烁等频繁变化效果时, 建议通过light.disabled控制较为高效。

点光灯

点灯光从它的位置各个方向发出光线,影响其长度范围内的所有对象。

聚光灯

聚光灯从它所在位置,以到中心点的位置为方向,在指定的张角和长度范围内的对象受其影响。

方向光

方向光源在无穷远处,以指定的方向照射到场景内的所有物体,太阳光就是这类光的应用。

HT提供了使场景呈现笼罩在雾化的环境效果,Graph3dView通过以下参数进行控制:


欢迎交流 service@hightopo.com