天空盒

游戏中的天空盒是一个包裹整个场景的立方体,天空盒可以很好的渲染整个环境的气氛,并表达整个场景的环境,在基于 PBR 的工作流中天空盒也是非常重要的部分。

Cocos Creator 3D 中的天空盒,如下图所示: skybox

开启天空盒

在 Cocos Creator 3D 中开启天空盒的效果,只需要以下一步:

  • Skybox 的面板处于 Scene 节点的属性面板上,将 Enabled 属性勾选上便开启了天空盒 开启 skybox

注: Skybox 的 Envmap 属性为空时,使用和显示的将是像素贴图

修改天空盒的环境贴图

在 Cocos Creator 3D 中修改天空盒的环境贴图,是通过设置 TextureCube 类型的资源。 而从资源导入到设置为 TextureCube ,并且设置到 Skybox 中,可以分为以下几步:

  1. 导入图片资源。(注:此处以全景图为示例,下面有制作 CubeMap 的介绍方法。)
  2. 选中导入的全景图,在右侧的属性面板上,将其设置为 TextureCube 类型,如下图所示。 设置为 TextureCube
  3. 将以上 TextureCube 资源拖入到 Skybox 面板上的 Envmap 属性上。 设置天空盒的环境贴图

完成以上步骤后,应该就可以在编辑器的场景中看到最新替换的环境贴图。

确认 SkyIllum 参数

如果完成上一步之后,场景编辑器里并没有正确显示出天空盒的贴图,那么很有可能是 SkyIllum 参数设太低了。请检查一下 Scene 节点的属性面板里 ambient -> SkyIllum 参数。一般而言,SkyIllum < 300 就不太看得出天空盒贴图了,SkyIllum = 5000 大概是月夜的光照强度。对于新建的 Cocos Creator 3D 项目,默认的 SkyIllum = 20000。

修改 Camera 的 Clear Flag

在完成以上步骤之后,虽然场景编辑器里面已经可以正确显示天空盒,但运行起来的时候仍然看不到。这时候需要修改 Camera 的 Clear Flag 为 SKYBOX,如下图

修改摄像机的 Clear Flag 为 SKYBOX

这样就完成了 Cocos Creator 3D 中设置天空盒的所有步骤。

Skybox 面板

 skybox 面板

以下介绍了面板的所有属性:

属性 解释
enabled 是否开启 Skybox
envmap 环境贴图,类型为 TextureCube
isRGBE 环境贴图的像素格式是否为 RGBE
useIBL 是否使用环境光照

CubeMap

CubeMap (立方体贴图)是天空盒的一种环境贴图资源,它由立方体上六个面的贴图资源组合而成,它可以当作 TextureCube 资源来使用。

制作与应用 CubeMap

在 Cocos Creator 3D 中制作一张 CubeMap 并且设置到 Skybox 中,只需要以下步骤:

  1. 导入预先准备好的六张贴图资源,并将这些贴图资源设置为 Texture 类型。

    import Cubemap textures create Cubemap textures type

  2. 新建 CubeMap 资源

    create Cubemap

  3. 将导入的贴图资源拖入到相应的输入框中,完成后点击绿色勾选按钮,这样就完成了一张 CubeMap。

    Set CubeMap

  4. 最后,将完成的 CubeMap 资源拖入到 Skybox 的 Envmap 属性框中,这样就完成了 CubeMap 的应用。

    CubeMap

  1. CubeMap 中未设置贴图的面将用默认的资源进行填充。

  2. TextureCube 中关联设置的图片不要是同一张。否则会出现某些平台不显示的问题。


继续前往 全局雾效 说明文档。

results matching ""

    No results matching ""