가상현실을 위한 HTML5 & Web 3D

머리말

이 책의 구성과 학습 방법



CHAPTER 1 HTML5

1.1 HTML5의 역사

1.2 HTML5의 특징과 추가된 기능

1.2.1 HTML5의 디자인 원칙

1.2.2 HTML5 특징

1.2.3 추가 변경된 태그

1.3 HTML5의 태그와 사용법

1.3.1 HTML 기본 구조

1.3.2 〈meta〉

1.3.3 문단태그

1.3.4 문자태그

1.3.5 〈img〉

1.3.6 〈a〉 하이퍼링크 태그

1.3.7 〈table〉

1.3.8 〈form〉

1.3.9 추가된 폼(Form)형식

1.3.10 〈audio〉

1.3.11 〈video〉

1.3.12 〈div〉와 〈iframe〉

참고사이트 및 자료



CHAPTER 2 CSS

2.1 CSS3의 개념

2.2 CSS3 특징

2.3 CSS3 사용법

2.3.1 CSS3 문법

2.3.2 외부 스타일시트

2.3.3 내부 스타일시트

2.3.4 인라인 스타일시트

2.3.5 타입/아이디/클래스 선택자

2.3.6 의사 선택자

2.3.7 폰트와 텍스트 속성

2.3.8 색상

2.3.9 경계선(border)

2.3.10 박스(box)와 그림자(shadow)

2.3.11 표시(display)

2.3.12 마진(margin)과 패딩(padding)

2.3.13 위치 설정(position)

2.3.14 계층화(z-index)

참고사이트 및 자료



CHAPTER 3 Web3D

3.1 Web3D 개념

3.2 X3Dom 구조

3.2.1 X3D노드

3.2.2 X3Dom 필드(Field)

3.3 환경 설정

3.3.1 X3Dom 요소의 환경설정

3.3.2 X3Dom 탐색모드

3.3.3 크롬 웹서버(WebServer)

참고사이트 및 자료



CHAPTER 4 가상공간과 기본물체

4.1 NavigationInfo 노드

4.2 Shape 노드

4.2.1 Box 노드

4.2.2 Cone 노드

4.2.3 Cylinder 노드

4.2.4 Sphere 노드

4.3 점, 선, 면 만들기

4.3.1 점(PointSet)

4.3.2 선(IndexedLineSet)

4.3.3 면(IndexedFaceSet) 만들기

4.3.4 Text 노드

4.3.5 FontStyle 노드

참고사이트 및 자료



CHAPTER 5 물체의 이동과 변형

5.1 Transform 노드

5.1.1 translation

5.1.2 rotation

5.1.3 scale

5.1.4 회전중심(center)

5.1.5 크기방향조절(scaleOrientation)

5.2 노드의 정의와 재사용

5.3 Group 노드

참고사이트 및 자료



CHAPTER 6 빛(headlignt)의 특성과 색상

6.1 빛과 물체의 색상

6.1.1 물체의 색상 표현

6.1.2 빛의 특성

6.2 Appearance 노드

6.3 Material 노드

6.3.1 diffuseColor

6.3.2 emissiveColor

6.3.3 specularColor

6.3.4 transparency (투명도)

6.3.5 shininess(specularColor의 밝기)/ambientIntensity(주변광)

6.4 Texture 노드

6.4.1 ImageTexture 노드

6.4.2 TextureTransform 노드

6.4.3 TextureCoordinate 노드

6.4.4 MovieTexture 노드

참고사이트 및 자료



CHAPTER 7 바인딩(binding)노드

7.1 Background 노드

7.2 Viewpoint 노드

7.3 Fog 노드

7.4 Anchor 노드

7.5 Inline 노드

참고사이트 및 자료



CHAPTER 8 인공조명(ArtificialLight)

8.1 DirectionalLight

8.2 PointLight노드

8.3 SpotLIght노드

참고사이트 및 자료



CHAPTER 9 X3D 이벤트(Event)와 HTML5 DOM(Document Object Model)

9.1 X3D이벤트

9.1.1 TouchSensor노드

9.1.2 TimeSensor노드

9.2 HTML5 DOM과 javascript

9.2.1 DOM(Document Object Model)

9.2.2 DOM 요소 찾기

9.2.3 javascript DOM 이벤트

9.3 DOM 요소 함수를 사용하여 X3Dom 필드 조작

9.3.1 get, set 메소드

9.3.2 요소의 추가 삭제

9.3.3 PositionChaser노드와 onmousemove()

참고사이트 및 자료



CHAPTER 10 애니메이션(Animation)

10.1 인터폴레이터(Interpolator)

10.2 ColorInterpolator

10.3 CoordinateInterpolator

10.4 PositionInterpolator노드

10.5 OrientationInterpolator노드

10.6 ScalarInterpolator노드

참고사이트 및 자료



CHAPTER 11 X3D 작품 만들기

11.1 나비 만들기

11.1.1 나비 날개짓

11.1.2 나비 날아다니기

11.1.3 나비 군무

11.1.4 전체 나비 작품

11.2 .x3d 파일 만들기

11.3 조명 애니메이션

11.4 색상 변경하기

참고사이트 및 자료



APPENDIX

A. VRML 사용법

B. X3D Specification

박경배