跳到主要内容

三维场景编辑器组件介绍

用途

三维场景编辑器,帮助用户实现自定义的三维可视化页面需求,配合算盘其他组件,快速搭建各种需要三维交互的工业应用。

主要功能

模型文件加载与修改

支持多种三维模型格式(glb、stl、vtu等)导入, 并基于场景树来对场景进行修改,实现三维组态。 模型文件加载与修改.avi (237.81MB)

自定义动画

通过编辑器,可以为三维模型中各个对象,配置各种动画,例如移动、旋转、缩放。 动画.avi (158.54MB)

自定义交互

通过编辑器,可以为三维模型中各个对象,配置各种交互操作,例如镜头控制方式、鼠标点击事件。 点击功能.avi (215.75MB)操作机械臂.avi (618.99MB)

文字/图片/视频展示

通过内置的文本栏/图片/视频对象,可以快速在三维场景中添加文本内容,图像或视频。 展示.avi (350.16MB)

自定义代码功能

支持自定义代码(Javascript)编辑功能,可以实现对原有功能的快速扩展,节省大量开发时间。

特点

  1. 快速上手,导入模型即可在网页上进行展示
  2. 操作简单, 通过定义对象的属性来配置动画、交互、状态
  3. 使用灵活,通过iframe可以快速嵌入到各种web应用

典型应用

三维车间展示

加载车间模型展示,由虎符提供的数据,决定各个工位上是否显示设备,并将虎符提供的机型信息实时展示到对应三维看板上。 屏幕录制2020-09-04 14.50.47.mov (10.77MB)

机械模型交互

加载机械臂的CAD模型,通过在后面板连接滑块组件,使用前面板的滑块来控制模型各个轴的旋转角度。 屏幕录制2020-09-11 10.34.09.mov (2.35MB)> 具体制作过程可参考链接

其他

支持模型格式

  • glb 一种面向web技术的免费的三维模型格式 gltf格式的二进制版本
  • stl 一种多面体三维格式 常用于增材料制造
  • vtu 一种公开的用于有限元分析与仿真的三维模型格式