Cocos creator 3d 水母效果的实现

      从这篇文字开始，我们陆续添加3d技术的文档更新。之前的cocos creator 2d技术文档将间隔更新，不再每天持续，而是间隔一天或者多天持续。今天的这篇文字主要讲解cocos creator3d技术的，前提声明:所有资源来源于cocos creator的官方文档，文章主要是是利用这些资源，去实现一些效果，例如今天要讲的水母效果。

文章先展示官网提供的demo效果演示。

这些实际上是动态的效果，这里为了方面，将其静态效果进行展示。具体效果可以自行演示。今天的文章会简单介绍水母和背景地图的使用，不会完全呈现官网的效果。

首先，打开cocos creator 3d软件，新创建一个demo，这里我命名为3ddemo。如图所示:

我们开始给场景添加环境背景地图。我们从官网获取一幅背景地图，将其导入新建的3ddemo项目中，我们可以通过查看当前场景的设置，此时skybox是没有开启的，我们打开skybox的Enable设置，如此一步，我们便可以开始进行设置环境背景。我们可以看到skybox下面有Envmap，里面需要设置文件，我们将获取的背景地图直接拉取进此项设置，不过我们会发现，拉不进去。原因在于背景地图需要的图片类型是cc.TextureCube,而直接导入的图片则是texture类型。所以才有了前面的导入不进去的操作，这时候我们选择texture cube类型，截图如下所示:

这样我们再次将背景图片拖进去，效果如下:

我们直接到浏览器中查看，会看到一片黑色。这不是我们要的地图，地图去哪里了。这里需要设置相机的ClearFlags，点击Camera设置ClearFlags,设置为SKYBOX,这个时候重新刷新浏览器，即可，这个时候我们的效果成为海底世界，如图所示。

海底世界的地图已经有了，这个时候我们需要添加一只水母。下一篇文字将开始介绍如何添加水母。下文见。