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

박경배 , 강경인 지음

21세기사 2025년 09월 22일 출간 국내도서 : 2020년 11월 20일 출간

작품소개

책소개

이 책은 VRML을 넘어 국제 표준인 X3Dom을 이용하여 HTML5 문서를 제작하기 위한 방법을 예제 중심으로 구성하였다. X3Dom으로 직접 구현된 3D 물체를 HTML5에 포함하여 웹 게시하는 방법을 예로 들면서 구현하는 과정과 파일들을 효율적으로 제작하는 방법들을 설명하였다. 또한 부록으로 첨부된 X3D의 표준과 VRML 사용법은 보다 쉽게 X3Dom을 이해하는 것을 목적으로 하고 있다. 이 책을 통하여 여러분은 3차원 그래픽, 애니메이션, 자바 스크립트 언어 그리고 3차원 게임 등 웹의 능동적인 측면들을 습득하게 될 것이다.

목차

머리말
이 책의 구성과 학습 방법

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

인물정보

저자(글) 박경배

저자(글) 강경인