1. 渲染模式概览

视频介绍

大家好，欢迎大家来到山海鲸的渲染模式系列教程。

在这个系列教程里，我们将带大家一起了解山海鲸一共支持哪几种渲染模式。主要讲解的有三种：第一种是端渲染，第二种是云渲染，第三种是山海鲸最新推出的轻3D。我们将分别介绍它们的使用场景以及这些场景的设置方法。

我们知道，在交付一个数字孪生项目时，会遇到多种不同的情况。例如：客户没有自己的服务器，希望直接打开一个网络链接即可访问项目。客户有一台性能强劲的电脑，且该电脑连接着大屏，希望直接安装软件，并且该电脑可能是离线状态或处于局域网中。客户希望在服务器上安装项目，但团队成员的电脑性能参差不齐，有的性能好，有的性能差，却都希望打开该项目。

因此，在真正交付数字孪生项目时，我们会遇到各种各样的场景、硬件配置和组合。那么在这些组合中，应该使用山海鲸的哪种渲染模式进行交付呢？我们将在本系列教程中逐步为大家讲解。

在第一课中，我们先整体了解一下这三种渲染模式分别是什么，同时带大家了解一下山海鲸常说的CSaaS，以及CS和BS架构的区分。因为CS和BS的区分与端渲染和云渲染的区分有一定关系，但又不完全是一回事。

首先，我们需要了解，山海鲸一共有两个软件：一个是用于编辑的软件，称为山海鲸编辑器；另一个是用于部署的软件，称为山海鲸查看器，也叫viewer。
那么，我们什么时候会用到编辑器呢？当我们需要编辑项目，或者我们自己在内部使用项目时（即我们自己做的项目供内部使用），可以直接通过发布功能将其发布成一个链接。

什么时候会用到查看器呢？大部分情况下，是在给客户交付项目时。因为查看器具有以下特点：
不需要登录。
可以在局域网甚至离线状态下使用。
终身免费。

因此，编辑器可以安装到任何客户的电脑上，安装后无需进行支付或登录等操作，非常适合给客户进行项目部署。

具体操作是，在客户电脑上安装编辑器后，它会提供一些项目码，我们导出这些项目码的部署文件，然后在编辑器中导入，即可部署给客户。注意，这两个软件一般是编辑器安装给我们自己，而查看器安装给客户。

所以，在做项目给客户时，我们需要用到查看器。查看器支持直接在软件中打开，或者分享成Web链接打开，这两种模式我们都支持。

这就是我们两款软件的概览，以及它们分别用在什么样的交付形式中。编辑器一般用于我们自己制作项目，或者我们公司内部人员使用的数字孪生项目，采用编辑器直接分享的模式。如果项目是给客户做的，我们会用编辑器编辑项目，然后导出成部署文件，在客户那边安装查看器进行导入。这是最重要的区别。

接下来，我们先看看编辑器的CS和BS是什么意思。编辑器打开后，它是一个直接运行的软件，这叫做CS。CS的优点是整个运行环境在本地，数据连接（如编辑器中的所有数据连接）都可以直接连接本地，且这些数据连接和项目都不会上传到山海鲸服务器，因此安全性非常好。

但是，CS模式也有一些不便之处。例如，假设我做了项目后分享给别人，别人也需要安装软件。再比如，假设公司有三个人要做数字孪生项目，他们每个人都要安装一个软件，这样很不方便。

而BS模式的优势在于，只要在服务器上（无论是公有云还是私有云）安装一次，所有能访问该服务器的电脑都可以用浏览器打开，无需单独安装软件，非常方便。同时，还可以实现协同工作。

山海鲸的CSaaS模式是，下载下来时是一个软件，打开后就是这样一个软件。但山海鲸还有一个私有云功能，点击私有云后（需要单独付费），点击启动，就可以将安装该软件的电脑变成一台Server。然后复制这个地址，在浏览器中打开，体验与软件完全一致。

这就是山海鲸的CSaaS，即它既是一款软件，也可以立马变成Server和Browser模式的SaaS服务。如果你希望自己编辑，下载软件就够了；如果你希望公司内部所有人都编辑，可以打开私有云，然后把地址发给大家，大家打开即可。在山海鲸中，无论是3D、2D的编辑发布，所有操作体验都是完全一致的。这就是山海鲸的CS和BS架构区分，也是山海鲸的CS底层原理。

那么结合CS和BS，什么是端渲染和云渲染呢？

所谓端渲染，就是当我打开一个3D项目时（无论是编辑状态下还是查看状态下），该项目使用我本地的这台电脑进行渲染，即端渲染。也就是说，渲染的画面都是用我这台电脑的GPU直接渲染的。

举个简单例子，假设我们自己这台电脑是192.168.31.89，然后你到了一台新的电脑上，那台电脑是192.168.31.100。那么你在那台电脑上打开链接，如果是端渲染，你占用的就是192.168.31.100的GPU资源；如果是云渲染，你占用的就是192.168.31.89（服务器）上的渲染资源。这就是云渲染和端渲染的区别。

一般来说，如果没有BS模式，是不可能实现云端双渲染的。也就是说，首先得先支持BS。如果不支持BS，像很多其他产品可能直接用游戏引擎制作，那么它们只能是CS模式，只能进行云渲染（因为它们不支持导出到Web上），更不可能支持端渲染（或者说它们所谓的端渲染是在本地装一个软件直接打开，并不是说可以用浏览器打开时做端渲染）。而山海鲸支持所有模式下的所有渲染模式，因为它既支持CS又支持BS，既支持端渲染又支持云渲染，所以排列组合所有情况都是支持的。

前面已经展示了端渲染，可以看到，现在是用Web打开的，也就是BS模式下的端渲染。山海鲸最大的优势是在Web端直接实现了一套非常真实的天空视效。

如果有的客户确实需要云渲染，比如他只有一台Server，且该Server的GPU非常好，而所有访问该Server的客户端GPU都很一般，那么就需要用到云渲染。云渲染也被称为流推流或英文的Pixel streaming，其原理是在服务器上进行渲染，渲染完成后将结果作为一个视频流直接推给客户端，然后客户端将交互再发送到服务端，后端再根据交互修改画面，这就是云渲染的推流模式。

接下来，我们看一下在山海鲸中如何进行云渲染。首先，山海鲸目前的云渲染仅支持在查看器中使用。在导出时，要标记这个项目是云渲染，在导出部署文件的高级设置里打开云渲染选项。如果不打开这个选项，在发布设置中是不能开启云渲染的。

打开云渲染后，导出项目，点击发布Web链接的设置框，可以看到有个渲染方式选项。山海鲸不仅提供了一键切换云渲染的功能（即不需要做任何项目设置改动，只需要修改发布设置框），还支持不同情况下的云渲染整合。例如：
主链接既可以是端渲染模式，也可以是云渲染模式。

同时提供了两个子链接，一个是固定的云渲染链接，一个是固定的端渲染链接。

这样设置是因为在经历了大量真实项目后，发现有些客户希望直接整合云渲染链接给他们看；而有些客户内部上线流程非常复杂，希望整合一个链接，比如用内嵌代码将链接整合到自己系统里面去，然后根据不同情况在后台修改渲染模式。例如，在好的电脑上或领导来看时，就切换成云渲染，保存后线上项目自动切换成云渲染；如果希望切换成端渲染，直接在这里点一下保存即可，无需重新进行上架流程。这对于内部组织复杂、上架流程繁琐的情况来说非常方便。

前面已经演示了编辑情况下的端渲染，接下来看一下查看情况下的端渲染。既可以打开主链接切换到端渲染模式，也可以直接打开端渲染链接。直接打开端渲染链接后，可以看到它是直接在前端渲染的。可以右击查看代码，发现是一个canvas标签，这就是前端渲染的标志。当然，这里的debug是官方防调试功能，并非bug。

端渲染的优势是交互在前端进行，实时反应非常快；劣势是一定要使用客户端的渲染资源。

接下来看一下云渲染。关闭端渲染后，打开云渲染专属链接。可以看到云渲染时画面略显模糊（在山海鲸中，云渲染的清晰度也是可以设置的）。在第一次启动时，云渲染画面需要加载。虽然看起来云渲染和端渲染区别不大，但实际上云渲染画面清晰度稍低，因为它只是一个视频流。在画面中可以看到这是一个video标签，它不断在后端渲染并将视频传到前端，同时将前端的交互传到后端，后端再根据交互修改画面，这就是云渲染的推流模式。

当然，云渲染还可以进行更多设置。按住Ctrl+Alt+H可以调出云渲染设置框，可以打开音频或选择不同的画质、清晰度和比例。此外，山海鲸的云渲染不仅会把3D画面进行流式传输，如果3D画面中有二维组件（如输入框），也会自动进入云渲染中，非常方便。也就是说，做了一个项目后，想要端渲染就访问端渲染链接，想要云渲染就访问云渲染链接，不需要做任何项目改动。

看完了端渲染和云渲染，接下来看一下山海鲸新推出的轻3D（也叫轻渲染模式），它到底是解决什么问题的。

前面提到，经常遇到端渲染的情况是服务器资源不足但客户端有很好的GPU，这时就用端渲染；如果服务器有很好的GPU但客户端GPU不好，就用云渲染。但还有一种场景：可能有不同的电脑要访问同一个项目。例如，遇到一些客户的项目，首先在大厅里有一块大屏，对视觉要求非常高，这块大屏用于展示项目，这时可以用端渲染或云渲染来展现真实的3D效果。但同时还有很多其他电脑，这些电脑性能不好，对视觉要求不那么高，但依然希望打开项目且项目功能完整。针对这种情况，山海鲸推出了轻渲染模式。

所以轻3D实际上是一种当电脑性能不好时，将整个3D轻量化同时保留所有3D功能的模式。
但一般来说不会直接选择“生效”模式，因为这样无法保持所有功能。
所以通常会选择“加载前选择”模式，保存后分享链接出来看一下什么叫加载前选择。

分享发布Web链接后打开，它会弹出是否使用轻3D的选项。
如果电脑很好就选“否”，以真3D模式加载；如果电脑一般、GPU不好就选“是”。
通过这种方式可以很好地兼容既有好电脑又有差电脑的情况（好电脑希望效果好，差电脑希望功能正常）。

选择“是”后可以看一下加载速度非常快，因为这时根本不加载整个3D画面，只加载几张预渲染的图。
在Web上的体验会更好，甚至感觉不出来这不是3D画面。
但实际上上下晃动时不能上下滚动，平移也不行，因为实际上是一些预渲染的图。

轻3D不仅支持围绕一个点旋转的模式，还支持全景图等不同的轻3D模式，这与山海鲸的不同相机有关。
对于鸟瞰相机来说就是围绕一个点旋转的轻3D模式；对于漫游相机来说就是上下左右的全景模式。
这个我们会在轻3D那一章仔细讲解。

今天这节课给大家总结一下：

简单介绍了山海鲸中的CSaaS是一种BS和CS的综合功能，即下载下来是CS模式，也可以一键切换成BS模式。
山海鲸支持端渲染和云渲染这两种一键切换的渲染模式，只需要在发布时更改链接就可以直接实现端渲染和云渲染的自动切换。
山海鲸还针对既有好电脑（对视觉要求高）又有差电脑（希望只要打开项目有功能就行）的场景推出了轻3D（轻渲染）模式。
轻3D允许在真正打开之前进行选择，或者不仅可以加载前选择，还可以直接根据性能自动判断，或者只让移动端变成轻3D。

今天这节课就到这里，谢谢大家。