XR-Frame 灯光

admin

XR- Frame 灯光

本节主要讲解如何使用灯光：

首先看代码：

   <xr-lighttype="ambient"color="1 1 1"intensity="0.1"/>
<xr-lighttype="directional"rotation="40 170 0"color="1 1 1"intensity="0.2"/>
<xr-lighttype="point"position="0 0 0"color="1 0 0"range="3"intensity="3"/>
<xr-lighttype="point"position="2 0 1"color="0 1 0"range="3"intensity="3"/>
<xr-lighttype="spot"position="0 0 0"color="0 0 1"range="12"intensity="12"rotation="0 120 0"inner-cone-angle="30"outer-cone-angle="35"/>

主要介绍了4种光源的效果和参数，比较容易理解大家可以自己调参试试效果

他们共同的参数为：color、intensity亮度

1.环境光：

360度无死角的光照，不会产生阴影，类似于自然环境中无数物体反射太阳光的效果，一般作为打底的弱亮度光源，保证整个场景不会漆黑一片

2.平行光：

类似于太阳光的平行光照效果，只有平行光能产生阴影，可以设置rotation角度

3.点光源：

类似于发光点，从一点向所有方向发射光线，可以设置position和range光照范围

4.聚光灯：

不同于点光源，他只会向某个范围发射光线，可以设置position、rotation和range还有inner-cone-angle和outer-cone-angle决定锥形角度

有光就会产生阴影，由于阴影计算比较耗性能，所以需要手动开启，需要三步：

1.给光源加上cast - shadow，目前只有平行光支持
2.给产生阴影的mesh加上cast - shadow
3.给接收阴影的mesh加上receive - shadow

代码如下：省去了其他非关键属性

<xr-node>
    <!-- 平面，接收阴影 -->
    <xr-meshgeometry="plane"receive-shadow></xr-mesh>
    <!--立方体，产生阴影-->
    <xr-meshgeometry="cube"cast-shadow></xr-mesh>
   </xr-node>
   <xr-nodenode-id="lights">
    <!-- 平行光，产生阴影 -->
    <xr-lighttype="directional"color="1 1 1"cast-shadow/>
   </xr-node>