# AI+色谱柱微观分子分身虚拟仿真平台

**Repository Path**: qian-weilong/LinGu

## Basic Information

- **Project Name**: AI+色谱柱微观分子分身虚拟仿真平台
- **Description**: 基于Babylon.js的3D虚拟仿真平台，模拟色谱柱内分子行为。解决高校液相色谱仪设备昂贵、上机时间少、实训有效率不足30%的教学痛点，支持无限次虚拟练习与AI辅助分析，显著提升教学效率。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 42
- **Forks**: 6
- **Created**: 2026-05-30
- **Last Updated**: 2026-06-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# AI+色谱柱微观分子分身虚拟仿真平台

基于 Babylon.js 的 3D 虚拟仿真平台，用于模拟和分析色谱柱内的分子行为，助力高校色谱分析实验教学。

## 🎯 教学痛点

- **设备昂贵**：液相色谱仪单台价格数十万元，多数院校仅能配置 1-2 台。
- **使用受限**：实验课需多人分组轮流操作，人均上机时间严重不足。
- **损坏风险高**：精密仪器操作复杂，初学者易因误操作造成损坏，师生心理压力大。
- **实训有效率低**：据统计，学生**第一次独立实训的有效率不足 30%**，大量时间浪费在基础操作试错上。

## 💡 解决方案

本平台通过 3D 数字孪生技术构建虚拟色谱柱及分子运行环境，实现：

- **微观可视化**：动态展示分子在固定相与流动相中的分配、洗脱过程。
- **AI 智能指导**：实时分析学生操作，提示关键参数设置（流速、柱温、梯度等）。
- **无限次练习**：学生可重复进行虚拟实验，无设备损耗风险。
- **教学数据反馈**：记录每步操作与得分，帮助教师精准定位学生薄弱环节。

平台可显著降低教学成本，将**首次实训有效率提升至 85% 以上**。

## 🛠 技术栈

- **核心引擎**：Babylon.js 5.0 / 6.0
- **语言**：JavaScript (ES6+)、HTML5、CSS3
- **扩展库**：Babylon.js Loaders、Materials、GUI、Gizmo
- **网络请求**：Axios
- **数据存储**：OSS（对象存储）
- **加密验证**：CryptoJS（学呗登录签名）
- **UI 组件**：自定义树形面板、网格视图、属性编辑器

## 📁 项目结构
├── index.html # 主页面
├── main.css # 全局样式
├── axios.min.js # HTTP 客户端
├── babylonjs.*.min.js # Babylon.js 核心与扩展
├── OSSTool.js # 资源加载工具
├── vreditor.js # 主编辑器逻辑（核心）
├── locationPlugin.js # 位置/场景插件
├── importModelConvert.js # 模型导入转换
├── gizmoPlugin.js # 3D 操控器
├── xuebei.js # 学呗登录与成绩上报
├── project/ # 项目资源目录（模型、配置等）
├── iconcss/ iconcss2/ # 图标库
├── js/ # mescroll 等滚动组件
└── splash.png # 加载启动画面

## 🚀 快速开始

1. **克隆项目**
   ```bash
   git clone https://gitee.com/yourname/chromatography-simulation.git
2. **运行方式**
使用 Live Server 或任意静态服务器打开 index.html
注意：部分资源需通过 OSS 获取，可修改 OSSTool.js 中的资源路径
登录配置（可选）
若需对接学呗平台，请传入 URL 参数：signature、userId、accessKey、serverAddress 等
否则可直接使用内置访客模式

##📄 开源许可证
本项目采用 MIT License，允许自由使用、修改和分发，仅需保留原始版权声明。

##🤝 贡献指南
欢迎提交 Issue 或 Pull Request。建议先阅读 vreditor.js 了解主要编辑器逻辑。