分享到微信

当前解读页的微信分享二维码

用微信扫一扫打开,点击右上角「···」分享给朋友或朋友圈。

手机上可截屏后,在微信扫一扫中从相册识别二维码。

nathanliow/atlas-of-physics

学习资源

一本浏览器里的 3D 互动教材,可滚动翻页、悬停与点击拆解,逐章学习 AP 物理中的运动。

141
40
JavaScript
MIT
创建于 1 天前

Atlas of Physics 是一本面向 AP Physics 1 和 AP Physics C 的互动网页教材,覆盖第 2–8 章的力学,以及第 9–15 章的电磁学。它不画实验装置,每章只呈现一个简单的运动,用教科书式的纸面 3D 图形展示,让学习者专注于物体、矢量、坐标轴和图表。想快速了解效果,可直接打开在线站点。

工作原理

每一章都是独立的静态网页,共用一套渲染引擎与图书引擎。滚动即可翻页并移动镜头;悬停会高亮某个部件;点击会拆解它,例如把矢量拆成分量,或把图表拆成斜率和面积。章节文字按照 AP Physics 的图形组织器编写,Physics C 的页面在标题区做了标注。练习功能为每页提供 AP 风格题目;方程章节把 AP 方程表上的每一条公式链接到展示它的页面;跨章的「Compare」类比会同时出现在相关的两页上。

每章的模型文件还带有不变量检查,因此驱动图形的数值与最终渲染分开测试。仓库提供了一组无头测试工具,覆盖整页截图、深链接、手机视口下的点击、溢出滚动、拾取以及性能测量。

运行条件

只阅读教材的话,只需要浏览器:直接访问托管站点,或用任意静态服务器在本地托管文件,three.js 会从说明中提到的 CDN 加载。在手机和平板上,图形会叠在文字上方,滑动会整页吸附,轻点可以拆解部件,帧率变慢时会自动降低分辨率。像 chapter/#4 这样的深链接可直接跳到某一页。

开发工具是另一条路径。这组工具需要先执行 npm install(puppeteer-core),并安装 Chrome;如果 Chrome 不在 macOS 默认位置,还要设置 CHROME。因此 Linux 和 Windows 用户需要自己配置。

授权与范围

代码采用 MIT 许可。项目附有标准声明:AP® 是 College Board 的商标,其并不为本站点背书;方程表依据公开的 AP Physics 方程表编写。这些是与课程对齐的学习材料,不是 College Board 的官方产品。仓库描述称支持 AP Physics 1 和 AP Physics C,具体范围应以 README 的章节列表为准,在依赖它备考前先核对。渲染依赖 CDN 上的 three.js,因此若要离线使用,需要另行处理这一点。

项目源码与说明

本文由 AI 根据项目 README 生成,更新于 2026年10月30日,以项目官方文档为准。