태양계 만들기 시리즈

/

/

loading...

위 태양계 시뮬레이터를 Javascript, Three.js, WebGL로 구현되었다. 실제 행성과 위성의 위치를 표현하였으며, 오른쪽 패널을 통해 다양한 인터랙션이 가능하다. 마우스/터치 조작으로 카메라 시점을 변환할 수 있고, 행성/위성을 클릭하면 해당 객체가 화면의 중앙으로 온다. 본 시리즈에서는 이 시뮬레이터를 만드는 데 필요한 지식들을 소개한다. 아래 목차 순서대로 글을 연재할 예정이다.

1. Three.js 기초
   1. 설치 및 가져오기
   2. 장면 만들기
   3. 좌표계 다루기
   4. PBR (물리 기반 렌더링) 재질
   5. 셰이더 재질
2. GLSL 기초
   1. 셰이더 프로그램
   2. 정점과 프래그먼트
   3. 셰이더 패턴
3. 사실적인 지구 만들기
4. 사실적인 태양 만들기
5. 고리가 있는 행성 만들기
6. 불규칙한 형태의 위성 만들기
7. 태양에 후광 효과 추가하기
8. 은하수 배경 만들기
9. 천체 궤도 계산하기