跳至主要內容

场景背景

yisky大约 1 分钟基础知识文档场景背景

开发人员可以为场景定制背景,背景会在场景渲染之前渲染,当前支持以下三种类型的背景:

纯色背景

当使用纯色背景(SoildColorBackground)时,会使用颜色填充渲染视口。

属性

  • color - 设置背景颜色,只写属性。
// 设置背景颜色
scene.background.color = '#223344';

纹理背景

当使用纹理背景(TextureBackground)时,会使用纹理填充渲染视口。纹理背景支持Equirectangular纹理和立方体纹理,同时也支持HDR纹理。

属性

  • texture - 设置背景纹理,只写属性。
// 设置背景纹理
scene.background.texture = './assets/textures/background.jpg';
  • intensity - 设置背景纹理强度,只写属性。
// 设置背景纹理强度
scene.background.intensity = 1.0;
  • blurriness - 设置背景纹理模糊度,在[0 ~ 1]区间内,只写属性。
// 设置背景纹理模糊度
scene.background.blurriness = 0.5;

动态天空背景

动态天空背景(SkyBackground),通过使用 Sky 组件绘制一个无穷远的天空作为场景背景。

上次编辑于: