网页编辑器入门——从零创建自定义实验

为什么要有自定义实验

phyphox 内置了 30 多个实验，但不可能覆盖所有人的需求——如果你想：

• 用磁力计 + 加速度计同时做一个"摆的能量衰减"分析
• 把蓝牙 Arduino 的温度传感器和手机的气压计数据合并显示
• 做一个"声音频率 vs 时间 vs 振幅"的三维瀑布图

这些都不在内置实验里。自定义实验编辑器就是为这种场景设计的——用图形化界面拼出你自己的实验。

编辑器界面概述

打开 phyphox 网页编辑器（地址在phyphox 官方站点可以找到），界面分成几个区域：

1. 左侧：组件库——数据源（传感器）、数学运算、界面组件（图表、仪表盘、按钮）、导出设置
2. 中间：画布——把组件拖进来，用线连接数据流向
3. 右侧：属性面板——选中组件后设置参数

核心概念

• 数据源（Input）：传感器原始输出，比如加速度计 x 轴、麦克风、蓝牙设备
• 运算模块（Math）：对数据做数学处理，比如加减乘除、积分、微分、FFT、触发
• 缓冲（Buffer）：临时存储数据，用于显示或导出
• 导出模块（Export）：定义导出哪些数据通道
• 界面（Views）：最终在手机上显示给用户看的内容——图表、仪表盘、按钮、文字说明
• 按钮（Buttons）：触发特定动作，比如"暂停自动分析""保存当前数据"

基本工作流

1. 拖入数据源：从左侧把要用的传感器拖到画布
2. 连接运算模块：根据需要的数据处理链条，一步步连接（比如加速度 → 去重力 → 做积分 → 输出速度）
3. 添加界面：拖入图表/仪表盘，绑定到某个 Buffer
4. 设置参数：选中每个组件，设置采样率、阈值、图表坐标轴范围等
5. 测试：可以在编辑器里模拟运行看效果
6. 导出：生成 phyphox 文件或二维码，传到手机上运行

学习曲线

编辑器功能非常强大但也相当复杂——phyphox 团队自己说它"非常强大因此也很复杂"。建议学习路径：

1. 先导入内置实验修改——找一个和你要做的最接近的内置实验（phyphox wiki 上可以找到源文件），导入编辑器后改一改参数或加一个新模块，能跑起来再慢慢理解结构
2. 看官方 Wiki 上的文件格式文档——理解 phyphox 文件的 XML 结构后，编辑器的拖拽操作就好理解了
3. 看社区分享的实验——phyphox Wiki 上有教师和爱好者分享的自定义实验，可以直接扫描二维码在手机上试用