从房屋模型开始，
做出自己的互动作品。

先做两次实验

1. 打开完整作品，阻尼保持 10%，频率调到 0.8 Hz，运行 10 秒，记下 A、B 峰值。
2. 只把频率改到 2.2 Hz，再运行一次。比较哪一座峰值更大。
3. 回到 0.8 Hz，只把阻尼调到 25%，再和第一次比较。

这次应当看到什么？

0.8 Hz 时 B 的峰值更大；2.2 Hz 时 A 的峰值更大。在共振附近增大阻尼，反应峰值降低。每次先重置，再比较。

模型 A、B 的固有频率取 2.2 Hz 和 0.8 Hz，均为简化弹性模型。峰值用模型单位，输入加速度幅值相同。高矮只是画面示意，不能据此判断真实建筑安全。

在电脑上打开

1. 打开下方起步版页面，用浏览器“另存为”保存为 my-house.html，文件类型选“网页，仅 HTML”。也可展开下方完整代码，复制到纯文本编辑器。
2. Windows 记事本保存时选“所有文件”和 UTF-8，避免变成 .html.txt；Mac 文本编辑先选“格式 → 制作纯文本”。
3. 双击保存的文件，在浏览器里运行一次。断开网络后重新打开，滑块、开始和重置仍应可用。
4. 另存副本 my-house-v2.html，把原版留作对照。

如果想让 AI 解释这份代码

我想学习这个单文件房屋互动模型。请先阅读我附上的 HTML，不修改代码。
用普通人的语言说明：滑块输入如何进入计算，模型状态如何变成画面，峰值如何记录。指出输入频率、阻尼、开始、重置分别在哪里。
解释哪些是可修改的界面内容，哪些是要保留的模型假设。不要把频率说成震级，不要引入倒塌预测。最后给出我在浏览器里可做的三项检查。

复制这段话，并把保存的 HTML 附给 AI。没有附件功能时，粘贴完整代码。

任务 A / 增加两组预设

请在我附上的 my-house.html 基础上修改，返回完整可运行的单文件 HTML。
只增加两个预设按钮：“比较低频 0.8 Hz”和“比较高频 2.2 Hz”。点击后将频率设为对应值、阻尼设为 10%，同步滑块与读数，并重置上次结果；仍由用户点击“开始实验”运行。
运行期间禁用预设，结束或重置后恢复。保留原有滑块、开始、重置、切到后台停止动画和所有模型说明。确保手机上按钮可见。
不要改变计算方程、两座模型的固有频率、10 秒时长和峰值单位；不加外部依赖、联网请求、登录或 API 密钥。
请列出修改位置，并给出验证预设、重置和离线运行的步骤。不要声称你没有实际运行过的测试已经通过。

任务 B / 做一张观察记录卡

完成 A 后，再选这项：让观看者写下预测、填写两次峰值、记录结论。不要一次向 AI 追加所有功能。

在我附上的已通过检查的版本上，增加一张“观察记录卡”：我的预测、0.8 Hz 的 A/B 峰值、2.2 Hz 的 A/B 峰值、我的结论。使用带标签的手动填写字段，数据只在当前页面，不上传、不持久保存；提示刷新会清空。
只修改记录卡相关内容，保留已验证的模型、预设、重置和离线运行。增加打印样式，让卡片打印时清楚可读。返回完整 HTML，列出修改内容和人工验收步骤。

你的作品验收清单

• 断网后重新打开本地 HTML，实验仍可开始和重置。
• 0.8 Hz、阻尼 10% 时 B 峰值大；2.2 Hz 时 A 峰值大。
• 0.8 Hz 时，将阻尼从 10% 增到 25%，B 的峰值降低。
• 新预设同步滑块和读数，并清空旧结果；运行期间不能切换参数。
• 重置归零并恢复操作；切换到别的页面后实验停止，返回可重新开始。
• 窄窗口可看见模型和全部按钮，文字可读，没有横向溢出。
• 我能说出改了什么、如何验证，以及模型不能说明什么。

演示时，把这三句话说清楚

1. 我想解释的问题是：为什么同一输入下，两种模型反应不同？
2. 我改了：______。原版需要______，现在可以______。
3. 我用______验证。这是简化弹性模型，不是建筑安全或地震损伤预测。

非商业展示请注明“基于浩哥 AI 实验室《房屋互动模型》公开起步版 v1.0 改编”，并说明你的改动。商用与完整文件再分发按许可另行确认；已有开源文件遵循其原许可证。