| 000 | 01162camcc2200373 c 4500 | |
| 001 | 000045690634 | |
| 005 | 20120213205018 | |
| 007 | ta | |
| 008 | 120213s2012 ulka 001c kor | |
| 020 | ▼a 9788979148985 ▼g 13560 | |
| 035 | ▼a (KERIS)BIB000012657892 | |
| 040 | ▼a 211062 ▼c 211062 ▼d 211009 | |
| 041 | 1 | ▼a kor ▼h eng |
| 082 | 0 4 | ▼a 005.72 ▼2 22 |
| 085 | ▼a 005.72 ▼2 DDCK | |
| 090 | ▼a 005.72 ▼b H873 2012z2 | |
| 100 | 1 | ▼a Fulton, Steve |
| 245 | 1 0 | ▼a HTML5 canvas : ▼b 웹의 한계를 캔버스로 뛰어 넘는다 / ▼d 스티브 펄튼, ▼e 제프 펄튼 지음 ; ▼e 이수진, ▼e 이성희 옮김 |
| 246 | 1 9 | ▼a HTML5 canvas : ▼b native interactivity and animation for the web |
| 260 | ▼a 서울 : ▼b 한빛미디어, ▼c 2012 | |
| 300 | ▼a 771 p. : ▼b 삽화 ; ▼c 24 cm | |
| 500 | ▼a 색인수록 | |
| 650 | 0 | ▼a HTML (Document markup language) |
| 650 | 0 | ▼a Canvas (Computer file) |
| 650 | 0 | ▼a Web site development |
| 650 | 0 | ▼a Cascading style sheets |
| 650 | 0 | ▼a Computer graphics |
| 700 | 1 | ▼a Fulton, Jeff, ▼e 저 |
| 700 | 1 | ▼a 이수진, ▼e 역 |
| 700 | 1 | ▼a 이성희, ▼e 역 |
| 900 | 1 0 | ▼a 펄튼, 스티브, ▼e 저 |
| 900 | 1 0 | ▼a 펄튼, 제프, ▼e 저 |
| 945 | ▼a KLPA |
소장정보
| No. | 소장처 | 청구기호 | 등록번호 | 도서상태 | 반납예정일 | 예약 | 서비스 |
|---|---|---|---|---|---|---|---|
| No. 1 | 소장처 과학도서관/Sci-Info(1층서고)/ | 청구기호 005.72 H873 2012z2 | 등록번호 121217144 | 도서상태 대출가능 | 반납예정일 | 예약 | 서비스 |
| No. 2 | 소장처 과학도서관/Sci-Info(1층서고)/ | 청구기호 005.72 H873 2012z2 | 등록번호 121217145 | 도서상태 대출가능 | 반납예정일 | 예약 | 서비스 |
컨텐츠정보
책소개
HTML5 중에서도 캔버스, 즉 멀티미디어 기능에 대한 내용에 중점을 둔 책이다. 캔버스로 그림을 그리는 기초적인 내용부터 시작해서 수학, 물리 법칙을 적용하여 그리는 방법, 다양한 변환을 적용하는 방법, 오디오, 비디오는 물론이고 HTML5로 만든 웹 코드를 모바일 코드로 바꾸는 방법과 3D, 소켓 통신까지 다양한 내용을 자세히 설명한다.
"플러그인 없이도 웹에 화려한 그림을 수놓는다."
캔버스의 등장으로 웹 애플리케이션은 더 이상 플러그인, 플랫폼, 개발 툴에 의존하지 않아도 된다. HTML5의 새 기능, 캔버스는 웹을 도화지 삼아 2D와 3D 그림을 그리고 비디오와 오디오를 넣어 제어할 수 있게 했으며 애니메이션을 제작할 수 있게 했다. 아울러 그래픽이 가미된 대화형 사용자 인터페이스 제작도 가능해졌다.
C, C++, C#, 자바 등으로 개발해봤다면 부담 없이 이 책으로 웹 개발을 익힐 수 있다. 그리고 HTML과 자바스크립트로 웹을 개발해봤다면 부담 없이 이 책으로 신기술을 배울 수 있을 것이다. 또 플래시 개발자라면 자바스크립트가 액션스크립트 1과 비슷하다는 점을 생각하며 책을 읽으면 쉽게 캔버스와 자바스크립트를 익힐 것이다.
징가(Zynga) 게임 개발자의 도움을 받아 캔버스를 완벽히 자신의 것으로 만들어보자.
어떤 독자를 위한 책인가?
- 2D, 3D 등을 웹 애플리케이션에 접목하려는 개발자
- HTML5로 애니메이션을 만들려는 개발자
- HTML5의 그래픽을 학습하고자 하는 개발자 및 학생
정보제공 :
저자소개
제프 펄튼(지은이)
30년 이상 취미로 컴퓨터 게임과 비디오 게임을 즐기고 있다. 어린 시절 제프는 게임 프로그래밍을 통해 돈을 벌고 싶다는 막연한 꿈을 꾸긴 했지만 전문 게임 개발자가 될 생각은 전혀 없었다. 제프는 오히려 작가나 영화감독이 될 생각이었다. 대학에서 친구들과 함께 예산이 전혀 필요 없는 영화 몇 편을 찍고 난 후 제프는 자신이 창작 분야만큼이나 기술적인 분야에도 소질이 있음을 깨달았다. 제프와 그의 형인 스티브가 애니메이션을 제작하고 이들 영화의 타이틀 시퀀스를 만드는 데 사용한 아타리 ST 컴퓨터는 이후 제프가 전문 게임 개발자로서의 길을 걷게 하는 데 큰 영감을 줬다. 1991년 제프는 ST 액션 매거진에서 Llamasoft의 게임 개발자인 제프 민터의 게임 개발 관련 연재 기사를 읽었다. 이 연재 기사는 그의 이후 경력의 씨앗을 심어준다. 제프는 민터가 기사에서 설명하고 개발한 포스트 복고 게임의 다양한 언어와 흥미로운 이야기에 매료됐다. 게임 개발이 단순히 창조적인 추구를 통해 이뤄지지 않는다는 사실을 깨달은 후 제프는 대학의 모든 영화 과목을 제쳐두고 최대한 기술 수업과 경영 수업을 찾아서 수강했다. 대학 졸업 후 제프는 업무 시간에는 주로 펄과 C++로 다양한 비즈니스 애플리케이션을 만들고, 여가 시간에 게임 코딩과 개발을 했다. 1990년대 말 웹 붐이 강타했을 때 제프는 기회를 놓치지 않고 벤처를 시작하는 기업들의 웹사이트를 만들고 거대 다국적 기업을 위한 게임을 만들었다. 2006년 게임과 사이트가 200개 이상 쌓이자 제프와 스티브(역시 게임 개발자이자 사이트 개발자)는 www.8bitrocket.com이라는 자신들의 사이트를 시작한다. 이 사이트의 목적은 웹 게임과 복고 스타일의 게임을 알리고 자신들이 익힌 게임 설계, 코딩, 개발 기법을 다른 이들에게 전수하는 것이다.
스티브 펄튼(지은이)
자칭 아타리 광팬인 스티브 펄튼은 자신이 기억하는 한 항상 게임을 만들고 싶어 했다. 영화 학교와 락 저널리즘에도 잠깐 손을 댄 적이 있지만, 스티브는 1990년대 초에 C++와 어셈블리 언어 프로그래머로 경력을 시작한다. 하지만 월드 와이드 웹의 부상으로 인해 시들해진 클라이언트 서버 소프트웨어 업체 몇 곳에서 일한 후 스티브는 1995년 새로운 가능성을 보고 HTML/자바와 펄/CGI 프로그래밍을 시작한다. 당시에는 (웹이 폭발적으로 성장하기 전에) 이런 경력 이전으로 인해 웹사이트와 채팅, 단어 검색, HTML과 서버사이드 스크립트만을 활용한 간단한 게임 같은 인터랙티브 애플리케이션을 만드는 직종이 크게 늘어났다. 1990년대 내내 소규모 기업과 대기업을 상대로 웹사이트를 개발한 후 스티브는 세계에서 가장 큰 엔터테인먼트 기업 중 한곳의 소비자를 대상으로 하는 웹사이트를 개발한다. 지난 10년간 스티브는 플래시를 비롯한 다양한 기술을 활용해 웹 기반의 게임과 엔터테인먼트 작업을 했다. 수십 개의 유명하고 트래픽 양이 많은 웹사이트나 커뮤니티와 더불어 스티브는 수백 개의 플래시 애플리케이션과 웹사이트를 설계하고, 개발하고, 프로그래밍했다. 이 중에는 10억 번 이상 플레이된 1인용 게임과 멀티 플레이어 웹 기반 게임도 수십 가지나 있다. 동생인 제프와 더불어 스티브는 인기 있는 플래시와 복고 게임 개발 사이트인 www.8bitrocket.com을 운영 중이다. 이 사이트는 뉴스, 튜토리얼, 데모 게임, 실험, 플래시, 바이럴 웹 게임 세계에 대한 생각 등이 수시로 업데이트된다.
이성희(옮긴이)
KAIST 전산과와 연세대학원 컴퓨터 구조 연구실을 졸업하고 데이콤 보라넷을 거쳐 미국 실리콘밸리에서 시스템 어드민으로 일하고 있다. 번역서로는 『DNS와 BIND 3판』(1999), 『유닉스 파워툴』(2000), 『시스템 프로그래밍』(2001), 『HTML5 Canvas』(2012), 『Head First Mobile Web』(2012, 이상 한빛미디어), 『해킹 침입의 드라마』(2005), 『소프트웨어 비즈니스』(2007, 이상 사이텍미디어)가 있다.
이수진(옮긴이)
이화여자대학교 전산과를 졸업하고, 데이콤 천리안에서 시스템 프로그래밍 업무를 거쳐 미국 실리콘밸리에서 웹 개발을 했다. 번역서로는 『시스템 프로그래밍』(2001), 『HTML5 Canvas』(2012), 『Head First Mobile Web』(2012, 이상 한빛미디어)이 있다.
목차
목차 옮긴이의 글 = 4 지은이의 글 = 6 감사의 글 = 10 CHAPTER 01 HTML5 캔버스 소개 01-1 기본적인 HTML 페이지 = 27 1.〈!doctype html〉 = 28 2.〈html lang= "ko"〉 = 28 3.〈meta charset＝"UTF-8"〉 = 29 4.〈title〉...〈／title〉 = 29 5. 간단한 HTML5 페이지 = 29 01-2 이 책에서 사용하는 기본적인 HTML = 30 1.〈div〉 = 30 2.〈canvas〉 = 31 01-3 DOM과 캔버스 = 31 01-4 자바스크립트와 캔버스 = 32 1. 자바스크립트 프레임워크와 라이브러리 = 2. 자바스크립트를 넣는 위치 = 32 01-5 HTML5 캔버스로 만드는 "Hello World!" = 33 1. 캔버스를 위한 자바스크립트 코드 캡슐화하기 = 34 2. HTML 페이지에 캔버스 넣기 = 36 3. 브라우저가 캔버스를 지원하는지 알아보기 = 37 4. 2D 컨텍스트 구하기 = 38 5. drawScreen( ) 함수 = 38 01-6 Console.log로 디버깅하기 = 42 01-7 2D 컨텍스트와 현재 상태 정보 = 43 01-8 HTML5 캔버스 객체 = 45 01-9 또 다른 예제: Guess The Letter = 45 1. 게임의 작동 원리 = 46 2. "Guess The Letter" 게임의 변수 = 46 3. initGame( ) 함수 = 48 4. eventKeyPressed( ) 함수 = 48 5. drawScreen( ) 함수 = 51 6. 캔버스에서 이미지로 바꾸기 = 52 7. 완성된 게임 코드 = 53 01-10 다음 내용 소개 = 57 CHAPTER 02 캔버스에 그리기 02-1 기본 파일 형태 = 60 02-2 기본 사각형 그리기 = 61 02-3 캔버스 상태 정보 = 63 1. 상태 정보에 없는 정보 = 63 2. 상태 정보의 저장과 복구 = 64 02-4 패스를 이용해서 선 그리기 = 64 1. 패스의 시작과 끝 = 64 2. 실제로 그리기 = 65 3. 더 복잡한 선 그리기 예제 = 66 02-5 고급 패스 메서드 = 68 1. 원호 그리기 = 68 2. 베지어 곡선 그리기 = 71 3. 캔버스 영역 선택 = 72 02-6 겹치기 효과 = 74 02-7 간단한 캔버스 변환 = 78 1. 회전과 이동 = 78 2. 스케일 변환 = 85 3. 스케일과 회전 변환 조합하기 = 86 02-8 색상과 그레이디언트 넣기 = 89 1. 채우기 색상 설정 = 89 2. 그레이디언트로 채우기 = 91 02-9 도형에 패턴 채우기 = 102 02-10 그림자 만들기 = 106 02-11 다음 내용 소개 = 108 CHAPTER 03 HTML5 캔버스 문자 API 03-1 문자 출력의 기본 = 110 1. 기본 문자 출력 = 110 2. Text Arranger에서의 기본적인 문자 처리 = 111 3. HTML 폼과 캔버스의 연결 = 112 4. measureText 사용하기 = 113 5. fillText와 strokeText = 114 03-2 문자 폰트 설정 = 122 1. 폰트 크기, 두께, 스타일의 기본 = 122 2. Text Arranger에서 폰트 크기와 종류 설정하기 = 123 3. 폰트 색상 = 128 4. 폰트 기준선과 정렬 = 131 5. Text Arranger 버전 2.0 = 136 03-3 문자와 캔버스 컨텍스트 = 142 1. 문자에 투명도 설정하기 = 142 2. 문자에 그림자 설정하기 = 144 03-4 문자에 패턴과 그레이디언트 넣기 = 149 1. 선형 그레이디언트와 문자 = 149 2. 방사형 그레이디언트와 문자 = 151 3. 이미지 패턴과 문자 = 151 4. Text Arranger에서 그레이디언트와 패턴 처리하기 = 153 03-5 폭, 높이, 스케일, toDataURL( ) 다시 보기 = 158 1. 동적으로 캔버스 크기 조절하기 = 158 2. 동적으로 캔버스 스케일하기 = 160 3. Canvas 객체의 toDataURL( ) 메서드 = 162 03-6 Text Arranger 최종 버전 = 164 03-7 다음 내용 소개 = 175 CHAPTER 04 캔버스에서의 이미지 04-1 기본 파일 형태 = 178 04-2 기본적인 이미지 처리 = 179 1. 이미지 미리 불러오기 = 180 2. drawImage( )로 캔버스에 이미지 출력하기 = 180 3. 캔버스에서 이미지 크기 변환하기 = 183 4. 이미지의 일부분을 캔버스로 복사하기 = 184 04-3 간단한 셀 스프라이트 애니메이션 = 187 1. 애니메이션 프레임 카운터 만들기 = 187 2. 타이머 만들기 = 188 3. 출력할 타일 바꾸기 = 188 04-4 복잡한 셀 애니메이션 = 189 1. 타일 시트 알아보기 = 190 2. 애니메이션 배열 만들기 = 190 3. 출력할 타일 고르기 = 191 4. 타일 반복하기 = 191 5. 타일 그리기 = 192 6. 캔버스에서 이미지 이동하기 = 193 04-5 이미지에 회전 적용하기 = 195 1. 캔버스 변환의 기본 = 195 2. 변환한 이미지에 애니메이션 효과 넣기 = 199 04-6 타일로 배경 만들기 = 201 1. 타일 맵 정의하기 = 202 2. Tiled로 타일 맵 만들기 = 202 3. 캔버스에 맵 출력하기 = 205 04-7 이미지 축소, 확대, 패닝 = 208 1. 이미지 창 만들기 = 209 2. 이미지 창 그리기 = 210 3. 이미지 패닝 = 212 4. 이미지 축소, 확대, 패닝 = 213 5. 애플리케이션: 축소 확대, 패닝 제어하기 = 215 04-8 픽셀 처리 = 220 1. 캔버스 픽셀 처리 API = 220 2. Tile Stamper 애플리케이션 = 222 04-9 한 캔버스에서 다른 캔버스로 복사하기 = 230 04-10 다음 내용 소개 = 233 CHAPTER 05 수학과 물리학을 적용한 애니메이션 05-1 일직선상으로 움직이기 = 236 1. 두 점 간의 이동: 두 점 사이의 거리 구하기 = 239 2. 벡터에 따른 움직임 = 245 05-2 튀는 공 구현하기 = 250 1. 튀는 공 하나 = 251 2. 벽에 맞고 튀는 여러 개의 공 = 255 3. 동적으로 크기가 변환되는 캔버스 상에서 튀는 공들 = 261 4. 튀는 공과 충돌 효과 = 267 5. 튀는 공에 마찰력 적용 = 271 05-3 곡선과 회전 이동 = 289 1. 등속 원운동 = 289 2. 간단하게 구현한 나선 모양 움직임 = 293 3. 3차 베지어 곡선 = 296 4. 이미지 움직이기 = 303 5. 3차 베지어 곡선으로 고리 모양 만들기 = 308 05-4 기본적인 중력, 탄성, 마찰력 적용 = 312 1. 간단히 중력 적용하기 = 313 2. 중력과 튀는 효과 적용하기 = 317 3. 중력과 탄성을 적용하여 튀는 효과 만들기 = 320 4. 중력, 탄성, 마찰력 간단히 적용하기 = 324 05-5 가속도 효과 = 328 1. 감속(우주선 착륙) = 328 2. 가속(우주선 이륙) = 333 05-6 다음 내용 소개 = 337 CHAPTER 06 HTML5 캔버스와 비디오 06-1 HTML5의 비디오 지원 = 340 1. 테오라＋보비스＝.ogg = 340 2. H.264＋＄＄＄＝.mp4 = 341 3. VP8＋보비스＝.webm = 341 4. 세 가지 형식 모두 사용 = 342 06-2 비디오 형식 변환 = 342 06-3 기본적인 HTML5 비디오 구현 = 343 1. 평범하고 단순하게 비디오 넣기 = 345 2. 컨트롤, 반복재생, 자동재생 기능 넣기 = 347 3. 비디오의 폭과 높이 바꾸기 = 349 06-4 자바스크립트로 비디오 프리로딩 구현 = 354 1. HTML5에서 이벤트와 비디오 간의 문제점 = 358 06-5 비디오와 캔버스 = 359 1. HTML5 캔버스에서 비디오 출력하기 = 359 2. HTML5 비디오 속성 = 366 06-6 캔버스 상의 비디오 예제 애플리케이션 = 370 1. currentTime 속성을 이용하여 비디오 이벤트 만들기 = 371 2. 캔버스 비디오 변환: 회전 = 376 3. 캔버스 비디오 퍼즐 = 382 4. 캔버스에서 비디오 컨트롤 만들기 = 397 06-7 애니메이션 효과 넣기: 움직이는 비디오 = 407 06-8 다음 내용 소개 = 412 CHAPTER 07 HTML5 캔버스와 오디오 07-1 기본적인〈audio〉태그 = 414 07-2 오디오 형식 = 415 1. 오디오 형식 지원 = 415 2. Audacity = 415 3. 예제 애플리케이션: 세 가지 형식 모두 사용하기 = 417 07-3 오디오 태그의 속성, 함수, 이벤트 = 418 1. 오디오 함수 = 418 2. 중요한 오디오 속성 = 418 3. 중요한 오디오 이벤트 = 420 4. 오디오 로딩과 재생 = 420 5. 캔버스에서 특성 출력 = 422 07-4 오디오 태그 없이 사운드 재생하기 = 426 1. 자바스크립트를 사용하여 동적으로 오디오 요소 만들기 = 426 2. 지원되는 오디오 형식 알아내기 = 427 3. 사운드 재생하기 = 429 4. 태그가 없어요! = 430 07-5 캔버스 오디오 플레이어 만들기 = 432 1. 캔버스에서 사용자 맞춤 컨트롤 만들기 = 433 2. 버튼 로드하기 = 434 3. 오디오 플레이어의 변수 값 설정하기 = 436 4. 마우스 이벤트 = 437 5. 재생 슬라이더 = 438 6. 재생／일시정지 버튼: 선택 위치 검사법 이용 = 439 7. 반복재생 토글 버튼 = 441 8. 볼륨 슬라이더 = 442 07-6 오디오 애플리케이션: 스페이스 레이더스 게임 = 452 1. 애플리케이션에서의 사운드 문제 = 452 2. 여러 버전으로 구현 = 453 3. 스페이스 레이더스 게임의 구조 = 453 4. 버전 1: 하나의 객체로 사운드 재생하기 = 465 5. 버전 2: 무제한적으로 동적 사운드 객체 만들기 = 465 6. 버전 3: 사운드 풀 만들기 = 468 7. 버전 4: 프리로드한 사운드 재사용하기 = 471 07-7 다음 내용 소개 = 484 CHAPTER 08 캔버스 게임의 핵심 08-1 HTML5에서의 게임 = 486 1. 플래시와 캔버스 비교 = 486 2. 캔버스에서 제공하는 기능 = 487 08-2 게임에 사용할 기본 HTML5 파일 = 487 08-3 게임 디자인 = 489 08-4 게임 그래픽: 패스 이용하기 = 490 1. 필요한 자원 = 490 2. 패스를 이용하여 게임의 주요 캐릭터 그리기 491 08-5 캔버스에 애니메이션 효과 넣기 = 494 1. 게임 타이머 구현 = 494 2. 플레이어 우주선의 상태 변경 = 495 08-6 게임 그래픽에 변환 적용하기 = 497 1. 캔버스 스택 = 497 08-7 게임 그래픽 변환 = 499 1. 플레이어 우주선의 중심을 기준으로 회전하기 = 500 2. 플레이어 우주선에 투명도 적용 = 502 08-8 물리학을 적용하여 애니메이션 구현 = 504 1. 플레이어 우주선의 이동 원리 = 504 2. 키보드로 플레이어 우주선 제어하기 = 507 3. 플레이어 우주선의 최대 속도 지정 = 511 08-9 기본적인 게임 프레임워크 = 512 1. 게임 상태 기계 = 513 2. 갱신／렌더링 반복 = 517 3. FrameRateCounter 객체 프로토타입 = 519 08-10 게임 애플리케이션 구현 = 521 1. 지오 블라스터 게임의 구조 = 521 2. 지오 블라스터 게임의 전역 변수 = 526 08-11 플레이어 객체 = 527 08-12 지오 블라스터 게임 알고리즘 = 528 1. 논리적 출력 객체의 배열 = 528 2. 레벨 스위치 = 531 3. 레벨과 게임의 끝 = 532 4. 보너스 우주선 = 533 5. 충돌 검사 적용 = 534 08-13 지오 블라스터 베이직 전체 코드 = 536 08-14 암석 객체 프로토타입 = 565 08-15 다음 내용 소개 = 568 CHAPTER 09 비트맵과 사운드 사용 09-1 지오 블라스터 확장판 = 570 1. 지오 블라스터 타일 시트 = 570 2. 다른 게임 객체 렌더링 = 577 3. 사운드 추가 = 584 4. 객체 인스턴스 풀링 = 589 5. 스텝 타이머 추가 = 592 6. 지오 블라스터 확장판 전체 코드 = 595 09-2 실행 중에 동적 타일 시트 만들기 = 629 09-3 간단한 타일 기반 게임 = 634 1. 마이크로 탱크 미로 게임의 개요 = 635 2. 게임에서 사용할 타일 시트 = 637 3. 플레이필드 = 638 4. 플레이어 = 640 5. 적군 = 641 6. 목표 = 642 7. 폭발 = 643 8. 턴 방식 게임의 흐름과 상태 기계 = 643 9. 타일 이동 로직의 개요 = 648 10. 렌더링 로직의 개요 = 651 11. 마이크로 탱크 미로에서 사용하는 인공지능 = 652 12. 마이크로 탱크 미로 전체 게임 코드 = 653 09-4 다음 내용 소개 = 674 CHAPTER 10 폰갭을 이용한 모바일 게임 10-1 가자, 모바일로! = 676 1. 폰갭 소개 = 676 2. 예제 애플리케이션 = 677 3. 전체 코드 = 678 4. BSBingo.html 코드 = 684 5. 게임 애플리케이션 코드 = 687 10-2 폰갭을 이용하여 iOS 애플리케이션 만들기 = 689 1. Xcode 설치하기 = 689 2. 폰갭 설치하기 = 690 3. Xcode에서 BS 빙고 폰갭 프로젝트 만들기 = 692 4. 시뮬레이터에서 테스트하기 = 695 5. BS 빙고를 프로젝트로 통합하기 = 695 6. 출력 방향 설정하기 = 698 7. 배너와 아이콘 변경하기 = 699 8. 시뮬레이터에서 테스트하기 = 701 9. 아이폰에 "제스처" 추가하기 = 703 10. index.html에 제스처 기능 추가하기 = 704 11. 장비에서 테스트하기 = 706 12. Xcode에서 테스트 장비 지정하기 = 708 10-3 캔버스와 모바일 = 709 10-4 다음 내용 소개 = 710 CHAPTER 11 그 밖의 기술 11-1 WebGL을 이용한 3D = 712 1. WebGL이란? = 712 2. WebGL의 지원 여부 = 713 3. WebGL에 대한 정보 = 714 4. WebGL 애플리케이션 = 714 5. 전체 코드 = 722 6. WebGL에 대한 그 밖의 정보 = 730 7. WebGL 자바스크립트 라이브러리 = 730 11-2 ElectroServer 5를 이용한 다중 사용자 애플리케이션 = 732 1. ElectroServer 설치하기 = 732 2. 소켓 서버 애플리케이션의 기본 구조 = 735 3. ElectroServer 애플리케이션의 기본 구조 = 736 4. ElectroServer를 이용한 채팅 애플리케이션 만들기 = 738 5. 구글 크롬에서 애플리케이션 테스트하기 = 745 6. ElectroServer의 또 다른 활용 = 751 7. 빙산의 일각 = 761 11-3 이 책을 마치며 = 761 찾아보기 = 764
