HTML5 웹 콘텐츠 제작_ indd

Size: px

Start display at page:

Download "HTML5 웹 콘텐츠 제작_ indd"

민서 함
7 years ago
Views:

1 찾아보기 ㄱ 강체 77, 79, 83 개발자도구 54 검색 API 97, 108 고정물 (fixture) 77 광각렌즈 248, 263 구글 CDN 페이지 223, 224 그림영역 (Drawing Surface) 247 ㄴ 내부 IP 329, 334 ㄷ 단위행렬 37, 256 단일 var 패턴 (single var pattern) 56 데몬 293 두들 9 디버깅 ( 모바일 ) 289, 295 ㄹ 라디안 44, 221, 258 리터럴표기법 188 ㅂ 바로가기아이콘 ( 모바일 ) 315, 316 베지어곡선 (Bezier Curves) 172 변수의국소화 56 변환 ( 이미지 ) 34 보류모드 (Retained mode) 41 보비스 (vorbis) 128 보안정책 138 비디오.canPlayType() 123 비디오.load() 123 비디오.pause() 123 비디오.play() 123 비디오의로딩에따른이벤트 121 비디오인코딩하기 131 비디오타입체크 130 비디오포맷 126 비스듬히틀기 : skew(anglex, angley) 219 ㅅ 생성자 192 서브패스 (subpaths) 167, 168 선언과동시에초기화 56 속도반복 (Velocity Iterations) 76 스프라이트시트 59 ㅇ ㅁ 마우스조인트 109 문자셋 51, 52 미디어쿼리 308 미디어쿼리문법 310, 311 미디어타입 (media type) 309, 310 미디어특징 312 안드로이드 SDK 291 안드로이드용브라우저 (Chrome for Android) 289 애니메이션루프 47 오디오.canPlayType() 161 오디오.load() 161 오디오.pause() 161 오디오.play() 161 오디오포맷 162, 191 오디오타입체크 162 찾아보기 335

2 오픈 API 96 오픈 API의요청이성공했을때전달받은데이터 100 와이너리 (Weinre) 289 외부스크립트로드 181 왼손좌표계 242 원격디버깅 289 월드 (world) 77 웹속성 ( 모바일사파리 ) 295 위치반복 (Position Iterations) 76 유효범위 58 이동하기 : translate3d(x, y, z) 249 이동하기 : translate(x, y) 214 컨텍스트.transform(a, b, c, d, e, f); 43 컨텍스트.translate(x, y); 43 컨텍스트상태정보 34, 36 코덱 (codec) 126, 127 키발급 ( 다음오픈 API) 97 ㅌ 타이머 47 터치이벤트 300, 319 테오라 (Theora) 128 ㅈ 자원다운로드처리현황 ( 크롬 ) 55 접두사 (prefix) 214, 249 접촉제약 (contact constraint) 77 정규표현식 286 제약 (constraint) 77 조인트 (joint) 77, 86 조인트모터 (joint motor) 77 조인트한계 (joint limit) 77 조절점 (Control Point) 171, 199 중력가속도 74, 75 즉시모드 (Immediate mode) 41 즉시실행함수 49 ㅊ 초당프레임 (FPS) 47, 76 축 (Axis) 242, 243 ㅍ 패스 166 픽셀정보 139 픽셀조작 141 ㅎ 항등원 37 행렬변환하기 : matrix3d 메소드 256 행렬변환하기 : matrix 메소드 220 현재기본패스 (current default path) 167 형태 (shape) 77 호이스팅 (hoisting) 57 확대 / 축소하기 : scale3d(scalex, scaley, scalez) 251 확대 / 축소하기 : scale(scalex, scaley) 217 회전하기 : rotate3d(x, y, z, angle) 253 회전하기 : rotate(angle) 216 ㅋ 캔버스의참조값얻기 27, 28 커맨드라인툴 (command-line tool) 292 컨텍스트 (context) 27, 191 컨텍스트.createImageData 메소드 137 컨텍스트.getImageData 메소드 137 컨텍스트.putImageData 메소드 137 컨텍스트.restore() 37, 44 컨텍스트.rotate(angle); 43 컨텍스트.save() 37 컨텍스트.scale(x, y); 43 A AABB 109 absolute 145 adb(android Debug Bridge) 292 Apache HTTP 325 Apache Service Monitor 328 apikey 96, 108 appendchild 메소드 24 ApplyImpulse 84 apply 메소드 192, 193, 196 Audacity 164 audio/mpeg 인터랙티브웹콘텐츠제작프로젝트 : HTML5, CSS3, JavaScript 로의코드여행

3 audio/ogg 162 audio/wav 162 auto 186 autoplay 118, 156 B b2body.b2_dynamicbody 상수 79 b2body.b2_kinematicbody 상수 79 b2body.b2_staticbody 상수 79 b2contactlistener 85 b2destructionlistener 85 b2vec2 클래스 75, 89 background-attachment 210 background-clip 210 background-color 210 background-image 210 background-origin 210 background-position 210 background-repeat 210 background-size 210 background 속성 210, 211 beginpath 메소드 166, 167, 169 block 229 Bots vs Browsers 사이트 299 Box2DFlash 69 Box2DJs 69 Box2DWeb 물리엔진 69 Box2D 매뉴얼 95 buffered 118, 156 C call 메소드 193, 196 canplay 122, 159 canplaythrough 122, 124, 159, 162 canplaytype 메소드 130, 131, 147, 162, 163 Cinema4D 242 clearinterval 메소드 232 clientx 304, 305 clienty 304, 305 collideconnected 87 constraint solver( 제약해소기 ) 76 content 속성 307 controls 118, 156, 157 createelement 메소드 24, 26, 120 currentsrc 118, 157 currenttime 118, 157 D DebugDraw 72 deg 216 device-width 307 display 스타일속성 229 Distance Joint 86 document.createelement( audio ) 157 document.createelement( video ) 120 document.createtextnode 메소드 228 document.getelementsbyclass 메소드 105 document.queryselectorall 메소드 105 Document Root 333 Doc 타입 51 DOMContent 이벤트 55 drawimage(image, dx, dy); 30 drawimage(image, dx, dy, dw, dh); 30 drawimage(image, sx, sy, sw, sh, dx, dy, dw, dh); 31 drawimage 메소드 29, 135, 136, 140, 306 drawimage 의시그니처 (Method Signature) 33 duration 118, 157 durationchange 121, 159 E e_aabbbit 72 EasyHTML5Video 131 EBNF(Extended_Backus Naur_Form) 표기법 311 e_centerofmassbit 72 e_jointbit 72 enablelimit 90, 91 enablemotor 90 ended 118, 157 e_shapebit 72 event.preventdefault 메소드 302 F fill() 166 fillstyle 166 fixture 84 flat 264 찾아보기 337

4 G Gear Joint 94 GetBody 84 GetBodyList 110 getcontext( 2d ) 27 getelementbyid( 원하는요소의 id ) 27 getimagedata 메소드 138, 139 GetShape 84 GetTransfrom 84 GNU 일반공중사용허가서라이선스 (GNU General Public License) 330 GoldWave 164 LESS 224 Line Joint 87 lineto 메소드 166, 168, 169 loadeddata 121, 159 loadedmetadata 121, 159 loadstart 121, 159 load 메소드 124 load 이벤트 55, 104, 186, 226 localhost 326, 328 loop 118, 156, 157 lowerangle 속성 91 lowertranslation 속성 90 H htdocs 디렉토리 329 HTMLVideoElement 타입 HTTP 질의보내기 98 I ImageData 137, 140, 141 inherit 103 Initialize 메소드 87 input 요소 102, 104 Inspectable Pages 294 ipconfig /all 329 J jquery.ajax() API 98, 108 jquery.ajax() API의파라미터 99 M MAMP 사이트 330 margin 53, 186 match 메소드 286 maxmotorforce 속성 90 maxmotortorque 속성 91 maybe 131, 163 m_bodylist 속성 110 Metrics 52, 53 Microsoft CDN 페이지 223 MIME 타입 130, 131 Miro Video Converter 131, 164 MKS 단위 72 motorspeed 90 moveto 메소드 166, 168, 169 MP3 162 mp4 비디오포맷 129 muted 118, 157 N navigator.useragent 285, 297 networkstate 118, 157 K keyup 이벤트 111 L landscape 313 O ogg 비디오포맷 128, 129 On2 테크놀로지스 129 orientation 313 outline 속성 104 overflow 속성 인터랙티브웹콘텐츠제작프로젝트 : HTML5, CSS3, JavaScript 로의코드여행

5 P pagex 304, 305, 306, 320 pagey 304, 305, 306, 320 paused 118, 157 perspective 속성 243, 244, 245, 246, 263 perspective 의거리 (Distance) 247 PlainObejct 98, 99, 108 playbackrate 118, 157 played 119, 157 play 메소드 124, 190 portrait 313 position 속성 104, 145 preload 119, 157 preserve-3d 264, 265 preventdefault 메소드 301, 321 print 309 Prismatic Joint 89 probably 131, 163 progress 121, 159 Pulley Joint 92 putimagedata 메소드 140, 141 Q quadraticcurveto(cpx, cpy, x, y) 171 QueryAABB 83, 84 QueryPoint 83, 84 queryselectorall 메소드 228, 230 QueryShape 83, 84 R ratio 92 RayCast 83, 84 readystate 119, 157 relative 104 requestanimationframe 메소드 48 result.channel.item 108 result.channel.item 배열 100 result.channel 객체 100 Revolute Joint 91 rotate3d 함수 255 RUBE(Really Useful Box2D Editor) 95 S scalex(x) 251 scaley(y) 251 scalez(z) 251 screen 309 screenx 304, 305 screeny 304, 305 scrolltop API 233 seekable 119, 157 seeking 119, 157 setattribute 메소드 147 setinterval 47, 231 settimeout 49 SOP(Same origin policy) 138 src 119, 157 stroke() 166 strokestyle 166, 169 T TexturePacker 60 this 191, 192, 193, 195 touchcancel 300, 301 touchend 300 TouchList 인터페이스 303 touchmove 300 touchstart 300 Touch 인터페이스 304 transform(1, 0, 0, 1, 0, 0); 38 transform-origin 속성 266 transform-style 속성 264, 265 transform 속성 233 translatex(x) 249 translatey(y) 249 translatez(z) 249 U Uint8ClampedArray 140 undefined 58 upperangle 속성 91 uppertranslation 속성 90 User Agent 285, 297, 298 userdata 106, 110 UTF-8 51 찾아보기 339

6 V video/mp4 130 video/ogg 130 video/webm 130 viewport 메타태그 307 volume 119, 157 VP8 128 <body> 요소 51 <canvas> 요소 25, 52 <head> 요소 51 <img> 요소 309 ms- 214 <video> 요소 117 webkit- 214, 249 [ 개발자용 ] 메뉴 ( 사파리 ) 295, 296 W Wav 162 webm 비디오포맷 129 Weld Joint 92 window의 resize 이벤트 227 World 생성 73 X xiph 오픈소스재단 128 X, Y, Z 242 Y yepnope 로더 182, 187 yepnope.js 사이트 181 Z Zwoptex 60 숫자및기호 1차베지어곡선 (linear Bezier Curve) 172, 173 2D Transform 214 2차베지어곡선 176, 199 2차베지어곡선궤적의흐름 177 2차베지어곡선방정식 180 3D Transform 번포트 $().each() 108 <audio> 요소 인터랙티브웹콘텐츠제작프로젝트 : HTML5, CSS3, JavaScript 로의코드여행

Building Mobile AR Web Applications in HTML5 - Google IO 2012

Building Mobile AR Web Applications in HTML5 HTML5 -, KIST -, UST HCI & Robotics Agenda Insight: AR Web Browser S.M.AR.T: AR CMS HTML5 HTML5 AR - Hello world! - Transform - - AR Events 3/33 - - - (Simplicity)