图观™场景编辑器 入门课程1：基础概念

　　图观™场景编辑器 入门课程1：基础概念

　　基础概念课程1

　　哈喽，小伙伴们大家好，欢迎大家来到图观端渲染场景编辑器零基础入门课程的第1课，本课程将给大家介绍数字孪生应用中最核心部分——数字孪生场景的构建过程，课程将以智慧社区场景为例，将端渲染场景编辑器的功能特性逐一介绍。使用图观端渲染场景编辑器，从零开始搭建数字孪生场景，无需了解复杂的三维图像技术，也不需要下载额外软件或者插件，只需要在浏览器中通过拖拽和调整效果参数，就可以快速完成场景构建，实现超凡的渲染效果，供后续数字孪生应用开发使用，小白也可以快速上手。接下来让我们开始吧~全套课程安排

　　‍本套课程我们将分8节课程进行详细的讲解：

　　课程1：基础概念课程2：基础模型导入课程3：模型组合场景课程4：场景效果配置课程5：模型材质配置课程6：模型关节及*敏*感*词*配置课程7：场景状态定义课程8：场景服务发布

　　通过8节课程的介绍，我们的最终目标就是希望大家通过一系列入门小课程的学习，能够熟练掌握图观场景编辑器的使用方法，通过拖拽和配置搭建出一个数字孪生场景。

　　本节课程介绍

　　从本次课程开始，我们将以端渲染为例，带领大家从0到1搭建一个典型的数字孪生智慧社区场景。通过本节课程你将学习到以下三部分内容：

　　第一部分：基础知识了解什么是端渲染、什么是数字孪生场景、场景编辑器简介

　　第二部分：功能简介

　　初步了解端渲染场景编辑器的主要功能第三部分：案例预览

　　最后我们还将预览本次课程将要完成的数字孪生场景最终效果

　　（点击视频，观看本节完整版教程）

　　本节内容详解一、图观场景编辑器基础知识

　　1.端渲染

　　首先我们来讲下什么是【端渲染】，端渲染是指在Web应用程序中基于客户端浏览器本身能力也就是HTML5 和 WebGL 技术，实时渲染三维场景的技术方案。

　　适用于中小场景，优点是对服务器负担小，支持高并发，带宽要求低。场景构建过程所见即所得，大大降低技术门槛，节省在数字孪生项目中的升级改造成本。但是，渲染依赖客户端显卡配置，如果场景过大或者显卡配置过低，可能会导致场景运行卡顿。因此我们推荐给您的硬件参数配置如下：

　　使用端渲染场景编辑器，对电脑的配置要求是：需要有独立显卡，在2K分辨率场景下建议配置为英伟达 GTX 1660以上级别，在4K分辨率场景下建议配置为英伟达 RTX2070或以上级别。

　　如果您的显卡配置没有达到推荐配置，场景编辑器也是可以正常打开的。本次课程用到的模型资产也可以使用内置的卡通模型替代。或者导入的模型尽量控制在50兆以内一般也是可以的。

　　2.什么是 数字孪生场景？数字孪生场景直观的讲，就是数字孪生应用中的三维场景部分。场景由一个或多个模型组成，除模型外场景中还包含灯光、特效、图片等。模型则包含节点、材质、以及对应的关节、*敏*感*词*信息。同一个数字孪生场景可以配置多个不同的效果参数及镜头信息，从而形成多个场景状态，方便在应用开发中快速调用切换。

　　3.图观 场景编辑器

　　图观场景编辑器，是一款基于浏览器运行的编辑器软件产品，只需要在网页浏览器中通过鼠标拖拽和调整效果参数，就可以快速完成三维场景构建，并且实现超凡的渲染效果。场景配置完成后，可一键发布为云服务，支持网页浏览和程序二次开发调用。

　　二、图观场景编辑器功能简介图观场景编辑器的主要功能包括场景编辑、模型编辑、状态 编辑、坐标编辑、以及场景预览和发布。场景编辑：主要是用来使用模型组合场景，同时配置场景灯光、特效等参数。模型编辑：主要用来调整单个模型的节点位置、大小、以及材质、关节、*敏*感*词*等。状态编辑：可以预置一个或多个场景效果快照，从而使数字孪生应用方便地切换显示参数，进而极大的减少场景控制代码量。坐标编辑：可以通过与地图服务叠加，将三维场景x、y、z坐标与真实世界中的经度、纬度、高度坐标系进行匹配，实现经纬度定位。预览发布：在场景构建过程中随时可以点击“预览”，查看场景配置效果。配置完成后可以发布为场景服务，供后续应用开发使用。

　　三、案例预览最后我们来预览一下本次课程将要完成的数字孪生场景最终效果。

　　现在大家看到的，就是基于图观场景编辑器构建的“智慧社区”数字孪生场景，整个场景包含多个状态，例如：全景展示、顶视图、闸机和住宅，我们在闸机状态配置了闸机抬杆的关节*敏*感*词*，在住宅状态配置了建筑楼层剖分效果，场景使用了两个外部模型和多个图观内置模型资产搭建。