Web在线3D编辑器-全场景编辑全新功能升级

        在线编辑器采用了在线互动三维引擎技术，为用户提供了快速场景搭建能力，使用户得以零基础、低门槛、低成本地在数字化世界中，搭建一个真实世界的仿真场景。
        无论是机房、库房，还是建筑、园区、厂区、高校都可以方便地被全场景编辑器所引用，让用户快速创建交互式web应用程序的3D动态场景，为物联网可视化赋能。

• 3D场景在线编辑器，可以导入导出网络在线或本地三维场景工程。
• 全新功能升级模型库、材质库，可以点选或拖拽进编辑场景进行布局。
• 多模型框选，对框选的多个模型可以整体移动、旋转、缩放、对齐、编组、隐藏显示、复制、删除。
• 模型几何体形状编辑（点、线、面）。
• 对模型进行刨切、简化。
• 内置多种几何体模型、灯光，场景支持雾效、影子、反光、粒子效果、镜面、水面、svg、线路、管道等。
• 支持导入多种不同格式的3D模型（json、obj、stl、dae、glb、gltf、fbx等)。

---

 编辑器初始化

function Editor() {

   var Signal = signals.Signal;
   this.signals = {
      // script
      editScript: new Signal(),
      editScriptMode: new Signal(),
      // player
      startPlayer: new Signal(),
      stopPlayer: new Signal(),
      // notifications
      editorCleared: new Signal(),
      windowResize: new Signal(),
      showGridChanged: new Signal(),
      showHelpersChanged: new Signal(),
      refreshSidebarObject3D: new Signal(),
      historyChanged: new Signal(),
      viewportCameraChanged: new Signal(),
      animationStopped: new Signal(),
      modelCommChanged: new Signal(),
      toolbarUiChanged: new Signal(),
      sceneUiChanged: new Signal(),
      objectClippingRendererChanged: new Signal(),
      mutilSelectObjectChanged: new Signal(),
      objectGroupChanged: new Signal(),
      rendererClippingChange: new Signal(),
      objectClippingChanged: new Signal(),
      objectBoomChanged: new Signal(),
      objectStretchChanged: new Signal(),
      defaultViewportChanged: new Signal(),
      projectChanged: new Signal(),
      sceneChanged: new Signal(),
      modelAddChangedSelectionObj3D: new Signal()
   };
   this.config = new Config();
   this.history = new _History( this );
   this.storage = new _Storage();
   this.strings = new Strings( this.config );
   this.loader = new Loader( this );
   this.camera = _DEFAULT_CAMERA.clone();
   this.scene = new THREE.Scene();
   this.scene.name = 'Scene';
   this.sceneHelpers = new THREE.Scene();
   this.object = {};
   this.geometries = {};
   this.materials = {};
   this.textures = {};
   this.scripts = {};
   this.materialsRefCounter = new Map(); // tracks how often is a material used by a 3D object
   this.mixer = new THREE.AnimationMixer( this.scene );
   this.selected = null;
   this.helpers = {};
   this.cameras = {};
   this.viewportCamera = this.camera;
   this.addCamera( this.camera );
}

打开三维工程(在线网络） 

模型部署(拖拽）

模型库

● 模型部署

● 模型材质属性

● 模型素材上传

● 模型素材删除 

模型多选

● 模型框选

 

● 多模型复制

● 多模型删除

● 多模型平移旋转缩放

● 对齐

● 多模型显示隐藏

设备数据绑定

 

镜面

页面HTML嵌入

 

模型几何体编辑

模型切割（差集、并集、交集）

 

 

更多行业应用

● 科研绘图 化学分子结构  细胞