三维场景编辑器组件介绍
用途
三维场景编辑器,帮助用户实现自定义的三维可视化页面需求,配合算盘其他组件,快速搭建各种需要三维交互的工业应用。
主要功能
模型文件加载与修改
支持多种三维模型格式(glb、stl、vtu等)导入, 并基于场景树来对场景进行修改,实现三维组态。
自定义动画
通过编辑器,可以为三维模型中各个对象,配置各种动画,例如移动、旋转、缩放。
自定义交互
通过编辑器,可以为三维模型中各个对象,配置各种交互操作,例如镜头控制方式、鼠标点击事件。
文字/图片/视频展示
通过内置的文本栏/图片/视频对象,可以快速在三维场景中添加文本内容,图像或视频。
自定义代码功能
支持自定义代码(Javascript)编辑功能,可以实现对原有功能的快速扩展,节省大量开发时间。
特点
- 快速上手,导入模型即可在网页上进行展示
- 操作简单, 通过定义对象的属性来配置动画、交互、状态
- 使用灵活,通过iframe可以快速嵌入到各种web应用
典型应用
三维车间展示
加载车间模型展示,由虎符提供的数据,决定各个工位上是否显示设备,并将虎符提供的机型信息实时展示到对应三维看板上。
机械模型交互
加载机械臂的CAD模型,通过在后面板连接滑块组件,使用前面板的滑块来控制模型各个轴的旋转角度。
> 具体制作过程可参考链接
其他
支持模型格式
- glb 一种面向web技术的免费的三维模型格式 gltf格式的二进制版本
- stl 一种多面体三维格式 常用于增材料制造
- vtu 一种公开的用于有限元分析与仿真的三维模型格式