第一个3D场景

简介 #

SmartChart 专业版支持在仪表盘中嵌入 3D 模型场景,可加载 OBJ、STL、GLTF 格式的三维模型文件,并支持环境光调节、点光源设置、旋转动画和鼠标交互(点击响应、贴图等)。适用于工厂数字孪生、设备展示等 3D 可视化场景。


新建仪表盘 #

  • 在开发模式下,滑动“开发管理” ->“仪表盘”-> “新增Dashboard”
  • 填写相应信息后点击“保存”
  • 点击进入仪表盘开发, 点击右方的操作菜单进行编辑

上传模型文件 #

  • 在模板开发界面中, 点击"工具" -> “资源管理”, 上传你的模型文件, 支持"obj,stl,gltf"格式
  • 上传后在我的资源中,点击下方文件名, 将自动复制资源链接

场景开发 #

  • 新建一个拖拽图形,基础图形中选择 3D模型即可

  • 点击保存, 即可看到3D场景, 不过可能模型过大或过小, 可以进行调整相机景深

  • 你可以通过AI生成或直接新建,配置3D模型, 动画效果

输入图片说明

点击响应 #

//ctx 包含:name(原始名),alias(别名),index,config, object, intersect, event
threeDict.actionFun = (ctx)=>{
    console.log('点击了:', ctx.alias)
};