中国の高校物理・化学・生物・地理を学べる無料のインタラクティブな3D教材集。各教材はオフラインで使える単体のHTMLファイルです。
nathanliow/atlas-of-physics
AP Physics 1とPhysics Cを対象に、各章の運動を教科書風の図で表すインタラクティブな3D物理学教材。
- スター
- 390
- フォーク
- 116
- 未解決の Issue
- 2
- 最終コミット
- 7 日前
これは何?
Atlas of Physicsは、ニュートン力学から電気と磁気までを章立てで扱う、AP Physics 1とAP Physics C向けのインタラクティブな教材です。各章では、動く物体、ベクトル、座標軸、グラフだけを表示し、インクの輪郭線を施した紙のような3D図で、ひとつの単純な運動を表します。
読者はスクロールしてページをめくり、カメラを動かせます。項目にカーソルを合わせると強調表示され、クリックすると、たとえばベクトルを成分に分解したり、グラフを傾きと面積に分けたりできます。各ページにはAP形式の練習問題があり、章どうしは、書籍全体で関連する考え方をつなぐ比較メモで結ばれています。
サイトはthree.jsをCDNから読み込む静的Webアプリとして動作し、スワイプでのページめくりやタップでの分解操作により、スマートフォンやタブレットにも対応します。公式集では、各公式が掲載されているページを確認できます。このプロジェクトは商標に関する免責事項を明記した非公式リソースであり、College Boardの推奨を受けていません。
主な機能
- 01各章で、ベクトル、座標軸、グラフを含む教科書風の3D図を使って、ひとつの運動を表します。
- 02カーソルを合わせると項目が強調表示され、クリックすると成分、傾き、面積に分解できます。
- 03各ページにAP形式の練習問題を掲載しています。
- 04公式集から、各公式が掲載されているページを確認できます。
- 05スワイプでページをめくり、タップで操作できるため、スマートフォンやタブレットでも使えます。
ユースケース
- 試験前にAP Physics 1の力学の概念を復習する。
- 視覚的な図を使ってPhysics Cの電気と磁気を学ぶ。
- インタラクティブな3D図を使って運動学やベクトルを教える。
- 公式がどのページで使われているかを確認する。
クイックスタート
- 1
プロジェクトフォルダーからローカルの静的サーバーを起動します
python3 -m http.server 8137 - 2
ブラウザーで本を開きます
http://127.0.0.1:8137/
使う前に知っておきたいこと
- この本は jsDelivr から three.js を読み込むため、閲覧にはローカルの静的サーバーが必要です。
- スクリーンショットやテストなどのインタラクティブなツールを使うには、Chrome と npm install が必要です。
収録されている特集
トピック
よくある質問
- atlas-of-physics とは?
- AP Physics 1とPhysics Cを対象に、各章の運動を教科書風の図で表すインタラクティブな3D物理学教材。 Atlas of Physicsは、ニュートン力学から電気と磁気までを章立てで扱う、AP Physics 1とAP Physics C向けのインタラクティブな教材です。各章では、動く物体、ベクトル、座標軸、グラフだけを表示し、インクの輪郭線を施した紙のような3D図で、ひとつの単純な運動を表します。
- atlas-of-physics は無料で使えますか?ライセンスは?
- atlas-of-physics は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- atlas-of-physics は今もメンテナンスされていますか?
- 活発にメンテナンス中。atlas-of-physics の最終コミットは 2026年10月30日 です。
- atlas-of-physics は何に使えますか?
- 試験前にAP Physics 1の力学の概念を復習する。 視覚的な図を使ってPhysics Cの電気と磁気を学ぶ。 インタラクティブな3D図を使って運動学やベクトルを教える。 公式がどのページで使われているかを確認する。
- atlas-of-physics のインストール方法は?
- プロジェクトフォルダーからローカルの静的サーバーを起動します: python3 -m http.server 8137 ブラウザーで本を開きます: http://127.0.0.1:8137/
- atlas-of-physics はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/nathanliow/atlas-of-physics
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
機械の一行説明から、物理ベースのインタラクティブな3Dシミュレーションと短編動画を単一ファイルで生成するClaude Codeスキルです。
TypeScriptとThree.jsで63種の昆虫をモデルファイルなしで手続き的に生成する、ブラウザ上のインタラクティブな3D図鑑。
TypeScriptとViteで構築された、3D軌道モデルやヒートマップ、二言語UIを備えるサイバーパンク風のインタラクティブな118元素周期表。
テラリウム、タイピングゲーム、宇宙ゲームなどの実践プロジェクトを通じてHTML、CSS、JavaScriptを学ぶ、12週間・全24レッスンの初心者向けカリキュラム。
p5.jsは、Web上でのクリエイティブコーディングや描画、インタラクティブ/ジェネラティブなグラフィックス制作に使える、無料のオープンソースJavaScriptライブラリです。