内容正文:
null酸碱中和滴定 3D 交互实验室(v2)— 操作说明
================================================================================
一、项目简介
================================================================================
"酸碱中和滴定 3D 交互实验室"是一个基于 Three.js 构建的浏览器端化学实验模拟器。
它在 3D 场景中还原了滴定实验的完整环境,支持 6 种化学滴定模式,提供实时数据反馈、
滴定曲线绘制和平行实验记录功能。
核心特点:
- 完整的 3D 实验场景(铁架台、锥形瓶、滴定管、搅拌器、背景墙、实验台)
- 支持 6 种化学滴定模式(含 EDTA 配位滴定)
- 弯月面读数功能,模拟真实滴定管读数
- 阀门点击交互控制流速(关闭/慢速/中速/全开四档)
- 实时 pH 计算、动态滴定曲线绘制
- 液滴动画与飞溅粒子特效
- 平行实验记录与统计分析
- 键盘快捷键支持
================================================================================
二、文件说明
================================================================================
直接用浏览器打开该文件即可使用,无需安装任何软件或启动服务器。
================================================================================
三、如何打开使用
================================================================================
3.1 打开方式
1. 在文件资源管理器中,进入文件夹
2. 双击 酸碱滴定3d演示.html
3. 等待几秒加载 3D 资源(页面会显示"正在加载 3D 实验室...")
3.2 环境要求
浏览器:Chrome / Edge / Firefox 等现代浏览器(推荐最新版)
网络:首次加载需要从 CDN(jsdelivr)下载 Three.js 库(约 1-2 MB),后续可缓存
硬件:建议使用带独立显卡的电脑,集成显卡也可运行但可能较慢
注意:如果加载超过 15 秒,页面会提示"CDN 加载超时",请检查网络连接后刷新页面重试。
================================================================================
四、界面布局
================================================================================
打开页面后,界面分为三个主要区域:
3D 场景区 —— 左侧/中央(占大部分空间),展示实验器材的三维渲染画面
右侧面板 —— 右侧(宽 420px),模式选择、浓度设置、滴定曲线、实时数据(包含仰视俯视误差,会随液面降低而改变)、提示框、平行实验表格
底部控制栏 —— 窗口底部(高 56px),开始/暂停、半滴、记录终点、重置按钮,以及当前状态显示
================================================================================
五、功能模块与操作步骤
================================================================================
5.1 选择实验模式
在右侧面板顶部的"实验模式"区域,点击对应按钮切换模式(3×2 布局):
HCl 滴定 NaOH —— 强酸滴强碱(酸式滴定管,指示剂:酚酞)
NaOH 滴定 HCl —— 强碱滴强酸(碱式滴定管,指示剂:甲基橙)
NaOH 滴定 HAc —— 强碱滴弱酸(碱式滴定管,指示剂:酚酞)
HCl 滴定 NH₃ —— 强酸滴弱碱(酸式滴定管,指示剂:甲基橙)
NaOH 滴定 H₂SO₃ —— 强碱滴亚硫酸(碱式滴定管)
EDTA 滴定 Ca²⁺ —— 配位滴定(络合滴定曲线,pCa-V 坐标)
切换模式后,3D 场景中的滴定管类型、指示剂名称、液体颜色会自动同步更新,
所有实验数据也会重置。
5.2 调整浓度
在模式按钮下方的两个下拉框中调整浓度:
c(标准液):滴定管中标准液的浓度
c(待测液):锥形瓶中待测液的浓度
可选浓度:0.010 / 0.05 / 0.10 / 0.20 / 0.50 mol/L(共 5 档)
注意:切换浓度后会自动重置当前实验进度。
5.3 操作 3D 场景
视角控制:
鼠标左键拖拽 —— 旋转场景视角
鼠标滚轮 —— 缩放(拉近/拉远)
鼠标右键拖拽 —— 平移视角
初始视角位于实验台的右前方,可以自由旋转到任意角度观察实验器材吗,点击右键拖动可以移动相机位置。
阀门操作(核心交互):
滴定管的阀门是核心操作对象。将鼠标移动到阀门位置:
- 酸式滴定管:鼠标悬停在玻璃旋塞手柄上
- 碱式滴定管:鼠标悬停在乳胶管玻璃珠区域
当光标变为手型指针并出现浮动提示时,点击阀门即可循环切换流速档位:
关闭 —— 停止滴定,流速 0 mL/s
慢速 —— 缓慢滴加,约 1 滴/秒
中速 —— 中等速度,约 2 滴/秒
全开 —— 最大流速,约 4 滴/秒
底部状态栏会实时显示当前阀门档位。酸式滴定管的手柄会随档位旋转(0°~35°)。
5.4 开始与停止滴定
点击底部控制栏的"开始"按钮(蓝色)开始滴定。在滴定过程中:
- 液体会从滴定管尖嘴滴落
- 液滴落入锥形瓶时产生飞溅粒子特效
- 锥形瓶中液体颜色随 pH 实时变化
- 右侧曲线面板动态绘制数据点
- 弯月面读数实时更新
点击"暂停"按钮(红色,即运行中的"开始"按钮)可暂停滴定。
5.5 半滴操作
在接近滴定终点时,可使用半滴操作精确定位:
- 点击底部"半滴"按钮(深蓝色),每次滴加 0.02 mL
- 按键盘 D 键,效果相同
5.6 记录终点与平行实验
当滴定达到终点(指示剂变色)时:
1. 点击底部绿色的"记录终点"按钮(或按键盘 E 键)
2. 系统自动计算本次实验的偏差,并记录到右侧面板的"平行实验"表格中
3. 表格底部会更新统计信息(平均体积、平均浓度、平均偏差、相对平均偏差)
评价等级:
<0.25% 优秀(绿色)
0.25%~0.8% 良好(浅绿)
0.8%~1.5% 一般(黄色)
≥1.5% 偏差大(红色)
5.7 重置实验
点击底部红色的"重置"按钮(或按键盘 R 键):
- 清空当前滴定进度(已滴加体积归零、曲线清空)
- 保留平行实验记录表格中的数据
切换模式或调整浓度也会触发完整重置。
5.8 查看滴定曲线
右侧面板的"滴定曲线"区域显示实时曲线,支持三种坐标模式:
pH-V 模式(默认) —— 以 pH 为纵轴、滴加体积为横轴
[H⁺]-V 模式 —— 以氢离子浓度为纵轴
pCa-V 模式 —— EDTA 配位滴定专属,以 pCa 为纵轴
曲线包含元素:
淡蓝色背景曲线 完整理论滴定曲线
蓝色发光圆点+连线 实际已滴加的数据点轨迹
白色大圈+坐标标注 当前数据点
红色虚线 等当点位置
黄色半透明带 指示剂变色范围
5.9 实时数据面板
已滴加体积 当前已滴加的标准液体积(mL)
当前 pH 锥形瓶中当前溶液的 pH 值(红色大字)
弯月面读数 滴定管液面读数,模拟真实滴定管刻度读取
等当点体积/pH 理论等当点位置
5.10 提示框
右侧面板的提示框会根据当前状态动态变化:
未开始 普通提示(蓝色左边框)
接近终点 警告提示(黄色左边框)
已经过量 危险提示(红色左边框)
================================================================================
六、键盘快捷键汇总
================================================================================
空格 —— 开始 / 暂停滴定
D —— 半滴操作(+0.02 mL)
E —— 记录终点到平行实验
R —— 重置当前实验进度
================================================================================
七、常见问题
================================================================================
Q:页面加载不出来或一直转圈?
A:检查网络连接,Three.js 需从 CDN(jsdelivr)加载。如网络受限,可下载 Three.js
库到本地并修改 HTML 中的 importmap 路径。
Q:3D 画面卡顿?
A:尝试缩小浏览器窗口、降低显示器分辨率,或换用性能更强的电脑。
Q:如何确保实验数据准确?
A:在接近终点时使用慢速档或半滴功能(按 D 键),仔细观察指示剂颜色变化后再记录终点。
Q:弯月面读数怎么看?
A:观察滴定管 3D 模型中液面的弯月面最低点所对应的刻度线,右侧面板的"弯月面读数"
会同步显示当前读数,模拟真实滴定管读数操作。
Q:EDTA 滴定 Ca²⁺ 模式有什么不同?
A:这是配位滴定模式,滴定曲线纵轴为 pCa(钙离子浓度的负对数),横轴为 EDTA 滴加
体积。指示剂为铬黑 T,终点颜色由酒红变为纯蓝。
Q:切换模式后之前的平行实验记录还在吗?
A:切换模式和浓度会清空所有数据,包括平行记录。仅点击"重置"按钮会保留平行记录。
$