2. 二、三维资产入库和使用演示

• 基础教程
• 资产库
• 二维资产
• 三维资产

视频介绍

大家好，今天带大家一起看一下山海鲸资产库的这样一个功能。

我们很多用户在使用山海鲸制作数字孪生项目的时候，经常遇到：我希望把自己的数字孪生的模型沉淀下来，变成一个自己的模型库；或者说我们在做一些二维图表，会有一些样式的设置，我们想把之前项目的样式设置保存下来，以供后续使用；或者我之前专门开发了一个自定义的图表，通过二次开发或者是iframe的嵌入形式，我们也希望把这个组件反复使用。那么，都可以用到我们山海鲸的资产库这样一个功能。

今天我们就一起来看一下这个功能的使用方式。我们通过新建3D数字孪生（空白3D数字孪生）这样一个项目来演示，因为这个项目当中既有二维组件，也有三维组件。我们新建完成之后，可以看到这是一个完全空白的、有着一个小车的项目。

我们首先看一下，我们2D的图表组件或者说基本元素组件是如何进入资产库的。首先最简单的方式，当然是我们插入一个图表。比如我们插入一个这样的图表，这里我们往上移一下，放这里。这张图表我们可以去修改它的颜色，比如说我们把它改成橙黄色。假设我后面希望做一套橙黄色的图表，我就可以把这张图表放到我们的资产库当中，我们后面就可以反复使用了。我们如何做呢？我们可以在这里右击，找到“添加资产库”。

这个时候，我们可以去自定义这个名字，比如说我们可以定义成“黄色系OK分组柱状图”，或者大家根据自己的需要来做。然后，我们可以放到我们的一个资产目录下，我们这个可以在资产库里面自己去定义这个目录，我们目前只有“全部”，我们点确定。点击成功之后，我们再次点击这个图标，在上侧找到“资产库”这样一个标签，我们就可以看到我们刚刚加到资产库里面的这个图标组件了。我们点击它，就可以看到，我就把刚刚设置好的资产库的样式插入进来了。这是一个非常简单的操作。

现在先把这两个删除掉。那么，除了我们可以将一个图表组件的设置入库以外，我们还可以把多个图表组件打包在一起，形成一个新的组件进行入库，这样子我们自定义组件就丰富很多。比如说我现在这里这样一个功能，我可以把它组合成一个分组面板，这样子把这个分组面板整个入库，我就可以去生成自己的这样一个新的样式的组件。

对于这里来说，我们首先要把它分组打包成组，我们点击它，右击，这里有个“成组”。OK，如果说本来你就是放了一个分组面板，然后里面放组件的话，那就不需要这么做，因为它本来是散开的。这时候我这样一个组件，就可以在上面右击，把整个分组面板放到我们的资产库。点击，我们可以说“分组面板”，可以找一个叫“介绍面板”，好，我们点击确定。这时候我们重新点击，我们就可以看到这里有一个叫“介绍面板”了。当然，这里这个截图可能会有些问题，如果大家觉得截图不好，我们点击首页，点到资产库，可以看到这个我们刚刚资产入库的资产。我们可以在这里更换封面，这样就会有更好看的封面了，这里我先不更换。

我们点到旁边来，注意不要点到这里，因为点到这里，插入新的组件的时候，都会插到这个分组面板当中。我们点上面来，或者点空白处，然后我们再去点击这个介绍面板，好看的可以看到，这样子我们就拥有了一个相对复杂的组件的定义方式，而且这个方式我们也可以反复使用的。这就是我们二维资产库的一个使用方式。

当然，我们资产库使用过程中，我们的交互、我们的数据，包括我们的代码，都是一定程度可以带进库的。什么叫一定程度？比如我们交互，如果他不跟资产库外面的其他组件进行交互的话，他是可以带进去的，比如他对自己的一些操作。还有我们的代码，我们代码也是，只要他对自己的操作，他都可以带进去。所以我们可以用代码去定义一些自己的行为，这样子他也可以入库的。

好，这就是我们资产库二维的一个方式。我们现在来看三维，我们先把这个删除掉，我们双击进入整个三维场景的编辑。

三维场景呢，比二维场景要更加丰富一些，因为三维场景不仅仅有一些基础的组件，它的组件的类型要丰富很多，比如它有模型，还有GIS，还有地表标绘、材质等等的各种类型。我们目前是支持组件、GIS标绘、材质，还有包括我们套件（套件其实也是模型）这些组件的入库的。当然，所有当中最重要的，当然是我们的一个模型的入库。

那我们现在就来看一下模型入库的两种方式。第一种就是我们导入一个自己的模型。注意，我们在资产库中直接去加载我们的3D模型或者二维组件是不可以的。比如说我这里有一个3D的模型是GLB的，我是不可以把它直接拖入到这个资产库当中的，因为资产库只支持我们资产库自己的格式。

那我们的一个模型是怎么去进入库呢？我们首先要把它导到我们的场景当中去，我们点击这个“导入”，然后把模型放上来，好，我们点击导入，好，我们找一下这个模型，这个模型在这里，往下放一下，OK。我们首先要导到我们场景当中去，然后在场景当中呢，我们右击，这样添加到资产库就可以了。

当然，我们再多说一句，就是说这里我们可以看到我们这个模型它有个底边面板，那如果我现在不希望有这个底边面板，对吧，我希望把它隐藏掉，我该怎么做？大家可能有的会在这里点隐藏，注意在这里点隐藏，它只是在这个项目中进行编辑的。如果你希望入库的时候它也没有，你需要选择它，然后到右侧样式里面，把它是否显示给关掉，这样子它入库的时候，这个东西就隐藏掉了。

当然，我们除了在整个这个模型上右击可以添加到资产库以外，我们也可以把它的一些子项都拿出来，添加到资产库，这里也可以添加资产库。当然，我们的一个材质也是可以添加资产库的，我们后续再使用，比如说我们反复设置一些法线或者一些像我们这个发光材质、粗糙基础色，我们也可以把它放到资产库里面去，这样就可以形成一个自己的材质库，就像山海鲸这个材质库一样。

好，那我们今天先看我们的模型库，我们点击这个高层住宅，右击，然后我们点“添加到资产库”，好，我们点确定。同样的，我们在我们的资产库中找一下，可以看到这里就有高层住宅了。但注意，我前面说了，可能我们在这个自动截图的这个上面，会有一些不一致的地方，大家可以点击“更换封面”，去使用自己的截图。

好，那这里，比如说我可以通过我的一个直接去给他截一张图，我截一张图，大家可以自己根据自己的形式去做，我们保存一下。好，然后我们在这里把这个传上来，好，我们选择这个我们刚刚截图的这张图，双击它，好，这样子我们就可以得到这样一个封面的图了。当然，我们这张封面的图，因为它的整个尺寸比例问题，所以我们可以截一张相对来说宽一点的，这里我就不给大家再演示了。

我们回到这个组件的场景当中，我们点击模型，也是跟我们二维一样，来到这个资产库，我们就可以看到我们刚刚插入的这个组件，这个模型，我们点击它，那大家稍微等一会，因为这个有个加载的过程。好，这样子我们整个这个模型，它就变成了一个模型库的模式，就是跟我们山海鲸自带的这个模型库一样，它甚至可以这样去点中。

好，这样子我们就可以做成了我们这种，就是不像原来这样，我只能导出放在中间的这种模式。另外，山海鲸我们知道它还支持这种笔刷，还有一个这个路径这样的一个放模型的方式，这个我们能不能做到呢？我们也可以的。我们点击这个首页，我们选中它，可以看到这边有一个就是如何去插入我们的模型，我们可以去选中笔刷和这个路径，然后我们回到这里，我们再去点击它，我们先把这个之前的删掉，然后我们点击模型，再点击它，稍微等一会。好，可以看到，左上角我们就已经有了三种形式，那我们可以先点一个，然后取消，我们点击另外一种，这种就是笔刷的形式。我们现在这个密度系数很高，比如说我把它密度系数改成2，回车，然后我们在这里刷，就可以刷很多，当然我也可以把它擦掉。

所以，大家就可以通过我们的资产库，可以拥有我们山海鲸内置的这种模型库所有的功能了，这样子会非常非常方便大家去沉淀自己的一个数字孪生的3D资产。同时呢，我们还可以给这种3D资产在入库之前，我们点击它，我们可以给它去添加代码，这样它就可以有一些行为，这样子我们可以反复使用这样的一个3D资产，会大大加速我们3D整个数字孪生项目的一个开发过程。

好，今天我们就带大家简单地看一下我们资产库的一个二维和三维的入库和使用过程。我们也会在后面的教程当中，给大家详细去讲解，包括我们山海鲸当中的一些标绘、我们的GIS和我们的一些材质的这样一个入库，以及我们入库过程中，如果要牵扯到交互或者代码的添加，或者说我们自定义的一个二维的组件，比如iframe的这样一个添加该怎么做。

好，今天的课程就到这里。