@xcymm3/tres-insight

面向机器人上位机的 Vue 3 + TresJS 3D 可视化组件包。

提供能力

• RobotViewport：3D 场景容器、相机预设、拖拽缩放、WebGL fallback。
• RobotModelViewer：机器人模型渲染、状态高亮、部件点击、GLTF 加载、安全包络，以及可配置车体和挂载件。
• SensorField：传感器范围、障碍物、告警级别、路径、路径点和安全圈渲染。

安装

npm install @xcymm3/tres-insight vue three @tresjs/core

使用

import '@xcymm3/tres-insight/style.css'
import { RobotModelViewer, RobotViewport, SensorField } from '@xcymm3/tres-insight'

<template>
<RobotViewport :config="sceneConfig">
    <RobotModelViewer :config="robotConfig" />
    <SensorField :config="sensorFieldConfig" />
  </RobotViewport>
</template>

variant: 'cart' 可通过 appearance 配置车体尺寸、低/标准/高车身、四轮/六轮布局，并组合机械臂、传感器桅杆、载荷箱和警示灯。

设计边界

@xcymm3/tres-insight 只负责 3D 可视化组件能力，不负责业务状态、任务调度、WebSocket 数据流或真实机器人控制协议。

License

MIT