# DLP3D动作数据查看工具

一个基于Vue 3、TypeScript和Babylon.js构建的DLP3D数据可视化应用程序。该应用程序允许您使用交互式3D模型和数据可视化图表查看和分析动作捕捉数据。

## 支持的角色模型

应用程序支持多种角色模型进行动作数据可视化：

<table align="center">
  <tr>
    <td align="center"><img src="../../_static/MotionDataViewer/Ani.png" alt="Ani角色模型" width="200" height="350" /></td>
    <td align="center"><img src="../../_static/MotionDataViewer/FNN.png" alt="FNN角色模型" width="200" height="350" /></td>
    <td align="center"><img src="../../_static/MotionDataViewer/HT.png" alt="HT角色模型" width="200" height="350" /></td>
    <td align="center"><img src="../../_static/MotionDataViewer/KQ.png" alt="KQ角色模型" width="200" height="350" /></td>
  </tr>
</table>

## 功能特性

- **3D动作数据可视化**：使用Babylon.js的交互式3D模型查看动作捕捉数据
- **支持多个模型**：可查看数据库内不同角色的动作数据
- **数据库集成**：支持SQLite数据库存储和查询动作数据
- **修改数据库**：可直接在数据面板上修改数据
<div align="left" style="margin-left: 40px;">
  <img src="../../_static/MotionDataViewer/data-table.png" alt="数据表格界面" width="200" />
</div>

- **数据过滤**：高级搜索和过滤功能，用于动作数据筛选

<div align="left" style="margin-left: 40px;">
  <img src="../../_static/MotionDataViewer/search-bar.png" alt="搜索栏界面" width="200" />
</div>

- **多语言支持**：支持多种语言的国际化
- **实时数据分析**：交互式图表和数据可视化
- **动作数据类型分类查询**：支持各种动作数据类型（空闲、随机、可循环、语音等）