有时候我们需要让画布有一定的透明度,来和画布后面的背景混合,
在基础库版本v2.30.4以及以上支持。
要实现画布透明非常简单,一个比较典型的用法如下:
<xr-scene render-system="alpha:true">
<xr-mesh node-id="cube" geometry="cube" uniforms="u_baseColorFactor:0.298 0.764 0.85 0.5" states="alphaMode:BLEND" />
<xr-camera
id="camera" node-id="cube" position="0 2 2"
clear-color="0 0 0 0" target="target"
/>
</xr-scene>
这段代码中我们开启了render-system的alpha属性,并且将xr-camera元素上的clear-color的透明通道设置了一个非零的值,还开启了xr-mesh的BLEND混合和设置了baseColor的透明通道。