《Naval Architecture》从浮力的物理学原理开始讲起，介绍船只为什么会浮在水面上，以及螺旋桨为什么会产生推力，真是船只原理的绝佳教程。文章的最大特色就是制作精美，网页上有大量基于Canvas API的互动式小动画，以让读者通过交互式模拟进行可视化学习。

Canvas是HTML5新增的组件，可以使用脚本（通常为JavaScript）和HTML元素绘制各种图表、动画等，参考技术文档。

我发现Bartosz Ciechanowski是patreon.com（网站支持创作者发展会员制业务）的创作者，写关于物理学、数学和工程学的互动文章。但这只是他的一个周末爱好，所以每年最终只做几篇文章。以前还看过他关于齿轮、相机和镜头、内燃机等文章，觉得国内还没有把教学文章写得这么精致的。目标网站：https://ciechanow.ski/

这让我想起了在推荐IIAB时接触到的一个学习资源PhET。

PhET

Internet-in-a-Box（IIAB）是一个低成本的数字图书馆，将世界上最好的免费知识（维基百科、可汗学院、OpenStreetMap、PhET、电子书和许多其他知识）带给离线的人。参考酷玛实验室文章《树莓派4B实践盒子里的互联网（IIAB）》。

PhET Interactive Simulations是科罗拉多大学博尔德分校的一个非营利性开放式教育资源项目，可创建和托管可探索的解释。它由诺贝尔奖获得者卡尔·威曼( Carl Wieman)于 2002 年创立。PhET 始于威曼的愿景，即改进科学的教学和学习方式，既定使命是“通过免费的交互式模拟在全球范围内推进科学和数学素养和教育。”

项目首字母缩写词“PhET”最初代表“物理教育技术”，但 PhET 很快扩展到其他学科。该项目现在设计、开发和发布超过 125 个免费的交互式模拟，用于物理、化学、生物学、地球科学和数学领域的教育用途。

PhET模拟提供有趣的、基于研究的互动模拟，用于K-12和大学STEM教育。为了帮助学生直观地理解概念，PhET模拟通过使用图形和直观的控制，如点击和拖动操作、滑块和单选按钮，将眼睛看不到的东西做成动画。为了进一步鼓励定量探索，模拟还提供测量工具，包括尺子、停表、电压表和温度计。所有的模拟都经过广泛的测试和评估。所有的模拟都可以从PhET网站上免费获得，并且很容易使用和融入到课堂上。

PhET地址：https://phet.colorado.edu/

更多资源

Mathlets.org 提供网页小程序，帮助学习各种数学概念，比如正弦曲线、复数运算、傅里叶变换等等。