力的平行四边形定则交互课件

力的平行四边形定则太多人做过了，以前用 Geogebra 做过一个，也做不出什么新意了。这次要实现的是沪科版必修一第三章 第二节 力的合成中的图 3–23，如下图所示。

做出的成品如下所示：

一开始用 Deepseek 生成核心代码，它的脑子突然抽风，让它在线段末尾添加箭头、画出角度圆弧，修改了几次都没有生成预期的效果。后来用飞象老师试了试，它做的效果很不错，我的修改之处是将控制栏移到了右边，取消了自动演示（调用了外部动画库 gsap）的功能。飞象做的程序并不直接公开源代码，下载它的 html 程序后发现外边还包了一层壳——添加了自己的 logo，不过用记事本打开此程序轻易就找到了源代码的地址，将它复制出来新建一个 html 就可以绕开外壳了。而且，源代码调用了外部 Tailwind CSS 库设计界面，这样就必须联网使用，解决方法就是自己设计 css 代码替换原始界面，之后才可以离线使用。

有了核心代码，代码的改进主要是通过 Trea 帮我实现的。不过有时它也抽风，这个程序唯一的创新之处是当夹角是 90° 时将圆弧变成了直角符号，据我所知，目前为止全网没人做到！呵呵。问了它五、六次，都画不出朝向正确的直角符号，最后只能自己人工改代码。

书本原图画的是 F 和 F₁ 的夹角 α，不过在实际使用时用的往往是 F₁ 和 F₂ 的夹角，课件中用圆弧表示的也是这个夹角。习惯上夹角不超过 180°，因此当实际夹角超过 180° 时，程序会将用 360° 减去实际夹角，但这样做的话，就没法实现通过拖动右侧夹角滑动条让 F₂ 做 360 度大回环了，只能用鼠标拖动 F₂ 的箭头实现。

很多力平衡的动态分析都可以在这个课件的基础上实现，以后可能会做。

完整代码

发布时间：2025/12/25 下午8:56:08  阅读次数：308