Free interactive 3D science lessons for Chinese high school physics, chemistry, biology and geography, each a single offline HTML file.
nathanliow/atlas-of-physics
An interactive 3D physics textbook for AP Physics 1 and Physics C, drawing each chapter's motion as a textbook-style diagram.
- Stars
- 390
- Forks
- 116
- Open issues
- 2
- Last commit
- 8 days ago
What is it?
Atlas of Physics is an interactive textbook covering AP Physics 1 and AP Physics C, organized as chapters from Newtonian mechanics through electricity and magnetism. Each chapter shows one simple motion as a 3D paper-style diagram with ink edges, showing only the moving object, its vectors, axes and graphs.
Readers scroll to turn pages and move the camera, hover to highlight a part, and click to break it down, for example splitting a vector into components or a graph into slope and area. Each page includes AP-style practice questions, and chapters are linked by comparison notes that connect related ideas across the book.
The site runs as a static web app that loads three.js from a CDN, and it adapts to phones and tablets with swipe-based page turns and tap-to-break-down interaction. An equation sheet links each equation to the pages where it appears. The project is a trademark-disclaimed, unofficial resource and is not endorsed by the College Board.
Key features
- 01Each chapter depicts one motion as a 3D textbook-style diagram with vectors, axes and graphs.
- 02Hover highlights a part and click breaks it into components, slope, or area.
- 03AP-style practice questions appear on each page.
- 04An equation sheet links each equation to the pages that show it.
- 05Works on phones and tablets with swipe page turns and tap interactions.
Use cases
- Reviewing AP Physics 1 mechanics concepts before an exam.
- Studying Physics C electricity and magnetism with visual diagrams.
- Teaching kinematics or vectors with an interactive 3D figure.
- Checking equations against the pages where they are applied.
Quick start
- 1
Start a local static server from the project folder
python3 -m http.server 8137 - 2
Open the book in your browser
http://127.0.0.1:8137/
Things to know
- Needs a local static server to view, since the book loads three.js from jsDelivr.
- Interactive tools such as screenshots and tests require Chrome and npm install.
In collections
Topics
FAQ
- What is atlas-of-physics?
- An interactive 3D physics textbook for AP Physics 1 and Physics C, drawing each chapter's motion as a textbook-style diagram. Atlas of Physics is an interactive textbook covering AP Physics 1 and AP Physics C, organized as chapters from Newtonian mechanics through electricity and magnetism. Each chapter shows one simple motion as a 3D paper-style diagram with ink edges, showing only the moving object, its vectors, axes and graphs.
- Is atlas-of-physics free to use? What license does it have?
- atlas-of-physics is open source under the MIT license. Check the license terms before using it in commercial products.
- Is atlas-of-physics still maintained?
- Actively maintained. The last commit to atlas-of-physics was on Oct 30, 2026.
- What can I use atlas-of-physics for?
- Reviewing AP Physics 1 mechanics concepts before an exam. Studying Physics C electricity and magnetism with visual diagrams. Teaching kinematics or vectors with an interactive 3D figure. Checking equations against the pages where they are applied.
- How do I install atlas-of-physics?
- Start a local static server from the project folder: python3 -m http.server 8137 Open the book in your browser: http://127.0.0.1:8137/
- Where can I get atlas-of-physics?
- The source code and installation instructions are on GitHub: https://github.com/nathanliow/atlas-of-physics
Summary generated by AI from the project's README. GitHub stats refresh daily.
Related projects
A Claude Code skill that turns a one-line description of a machine into a single-file, physics-based interactive 3D simulation and a short film.
Interactive 3D insect field guide where 63 species are modeled procedurally in the browser with TypeScript and Three.js, with no model files.
An interactive, cyberpunk-styled periodic table of all 118 elements with 3D orbital models, heatmaps and bilingual UI, built with TypeScript and Vite.
A 12-week, 24-lesson beginner curriculum teaching HTML, CSS and JavaScript through hands-on projects like a terrarium, typing game and space game.
p5.js is a free, open-source JavaScript library for creative coding, drawing, and making interactive or generative graphics on the web.