중국 고등학교 물리·화학·생물·지리 과목을 위한 무료 인터랙티브 3D 수업으로, 각 수업은 오프라인에서 실행되는 단일 HTML 파일입니다.
nathanliow/atlas-of-physics
AP Physics 1과 Physics C를 위한 인터랙티브 3D 물리 교과서로, 각 장의 운동을 교과서 스타일의 도식으로 보여줍니다.
- 스타
- 390
- 포크
- 116
- 열린 이슈
- 2
- 마지막 커밋
- 8일 전
어떤 프로젝트인가요?
Atlas of Physics는 뉴턴 역학부터 전기와 자기까지 여러 장으로 구성된 AP Physics 1 및 AP Physics C 인터랙티브 교과서입니다. 각 장에서는 움직이는 물체와 벡터, 좌표축, 그래프만 잉크 윤곽선으로 표현한 종이 교과서풍 3D 도식으로 단순한 운동 하나를 보여줍니다.
독자는 스크롤해 페이지를 넘기고 카메라를 움직일 수 있으며, 마우스를 올려 요소를 강조하거나 클릭해 벡터를 성분으로 나누고 그래프를 기울기와 넓이로 구분하는 식으로 내용을 세분화할 수 있습니다. 각 페이지에는 AP 스타일의 연습 문제가 있으며, 장마다 비교 노트가 연결되어 책 전반의 관련 개념을 이어줍니다.
이 사이트는 CDN에서 three.js를 불러오는 정적 웹 앱으로 작동하며, 스와이프로 페이지를 넘기고 탭해 내용을 세분화하는 방식으로 휴대폰과 태블릿에도 대응합니다. 공식 모음에서는 각 방정식이 나오는 페이지를 확인할 수 있습니다. 이 프로젝트는 상표권에 관한 면책 문구를 명시한 비공식 자료이며 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로 만든 사이버펑크 스타일의 대화형 주기율표로, 118개 원소와 3D 오비탈 모델, 히트맵, 이중 언어 UI를 제공합니다.
테라리움, 타이핑 게임, 우주 게임 등 실습 프로젝트를 통해 HTML, CSS, JavaScript를 배우는 12주·24강 초보자 커리큘럼입니다.
p5.js는 웹에서 창작 코딩과 드로잉을 하고 인터랙티브하거나 제너레이티브한 그래픽을 만들 수 있는 무료 오픈 소스 JavaScript 라이브러리입니다.