Egret Pro 天空盒

在Egret Pro里，默认的场景里只有一大片蓝色，显得非常的简陋，所以我们来尝试添加一下天空盒。

在组件里我们可以找到天空盒。

添加之后是这个样子（只能添加到摄像机上）

然后我们会发现，他需要一个材质，我们去搞一下这个材质。

因为天空盒是一个立方体，也就是六个面，所以我们需要6张图片。在Egret Pro里的示例项目中我们可以搞到六张图片，分别如下。（找不到的话，可以自己去百度搜点图片）

我们把图片放在EgretPro里时，他会自动创建image.json文件，但是他创建的文件并不适合天空盒，我们需要修改一下。

我们随便选择一个image.json文件，我们可以看到它里面是这样的。

我们需要把其中images中的uri改成六张图片，并且在textures中的egret里加上faces，也就是图片的数量。

一顿操作之后，变成了下边的样子。

图片就搞定了，接下来我们去搞材质。

我们先创建一个新材质

由于我们的天空盒是个立方体，所以shader里要选cube.shader.json。

然后在tCube里放入我们之前制作的image.json文件。

然后这个材质大致就做好了，不过如果现在把他放到skybox组件里中，我们会发现啥都没有。

这是因为还有一个关键的东西没有设置。

就是他，就先叫他面剔除设置吧。

它里面一共有四个选项，CullBackFace是剔除后边，CullFrontFace是剔除前面，CullFrontAndBackFaces是前后都剔除。

可能大家听不懂这个是什么意思，我用一个cube来演示一下。

CullBackFace：我们可以看到他的外面，看不到里面，因为里面被剔除了。

CullFrontFace：我们看不到他的外边，只能看到里面。

CullFrontAndBackFaces：他隐身了。

DisableCullFace：里面和外边都有，所以样子比较怪异。

由于我们是天空盒，是一个盒子把摄像机罩在里面了，不能剔除里面，所以需要选CullFrontFace。

运行一下，我们可以看到天空盒了。

最后说一下，只有在摄像机里才能看到，编辑器里没有。