关于XR-Frame中clear-color颜色设置的说明
发布于 1 年前 作者 yan93 3616 次浏览 来自 分享

在使用XR-Frame时,可能经常会使用到 clear-color="0.4 0.6 0.7 1" 这样的颜色设置,如下:

<xr-camera
  position="0 1 4" clear-color="0.4 0.6 0.7 1"
  background="skybox" target="target"
  camera-orbit-control=""
/>

这个颜色代码具体是什么意思呢?

首先,前三个参数代表颜色代码,第四个参数代表透明度(0-1)。

其次,对于前三个参数来说,这不是RGB的颜色方法,因为RGB的颜色方法是表示红、绿和蓝三原色的相对亮度值。例如,(255,0,0) 表示的是红色,它的RGB颜色方法的值是(1,0,0),表示红色是由100%红色,0%绿色和0%蓝色组成。

而(0.1, 0.1, 0.1) 是RGB颜色模型中使用的RGB颜色空间值的__归一化版本__(从0到1)。它并没有实际的颜色含义,但它可以被用来表示非常暗的灰色。

运算方法:

rgb颜色值 除以 255即可!

如:RGB(227,176,242)

227/255 = 0.89

176/255 = 0.69

242/255 = 0.94

(保留两位小数)

归一化处理后即 为(0.89 0.69 0.94)

保持不透明(0.89,0.69,0.94,1)

回到顶部