구)홈페이지 오탈자 보기
HTML5 Canvas : 웹의 한계를 캔버스로 뛰어 넘는다

 

페이지오탈자 내용등록일
128

(28페이지 예제 1-1)

<meta charset="UFT-8"> 

-> <meta charset="UTF-8">

2012-01-251
130

(p30.)

예제1-2에서

UFT-8 
->
 UTF-8

2012-03-181
137

(p37.)

마지막 줄
 Return; 
 ->
 return;

2012-03-181
140

(p40, p41 [예제 1-3])

p40 [예제 1-3] 밑에서 세번째 줄

debuger.log = function (message) {
-> 
Debugger.log = function (message) {


p41 [예제 1-4] 중간 부분
debugger.log("Drawing Canvas");
->
Debugger.log("Drawing Canvas");

2012-02-211
141

(41p)

If (!canvasSupport()) {
->
if (!canvasSupport()) {

2012-02-231
143

(43페이지)

데카르트 좌표계 
-> 화면 좌표계

2012-03-011
146

(p46)

세번째 줄에서 '그럼 1-4' -> '그림 1-4'

2012-02-211
150

(50페이지)

아래에서 2번째 줄의 들여쓰기
higherOrLower = "Higher"; 를 두 칸 앞으로 

(띄어쓰기는 실행시에는 문제가 없습니다)

2012-03-011
150

(p50)

eventKeyPressed 함수에서 아래에서 6번째 줄
higherOrLoser => higherOrLower

2012-02-221
152

(52페이지)

filltext -> fillText

2012-03-041
154

(p54)

두 번째 eventWindowLoaded() 함수 삭제 또는 주석처리

 function eeventWindowLoaded() {
   canvasApp();
 }

->

// function eeventWindowLoaded() {
//   canvasApp();
// }

2012-02-221
277

(page 76-77)

context.globalComposite Operation="destination-atop";

->
context.globalCompositeOperation="destination-over";

2012-02-041
182

(p81)

0.5 -> .5 

(코드에서 0.5로 표기해도 오류는 아닙니다)

2012-02-261
1119

(p119)

상단의 소스 내, 

xPosition,yPostion
->
xPosition, yPosition

2012-03-011
3120

(p120)

두 번째 eventWindowLoaded() 함수 삭제 또는 주석 처리

function eventWindowLoaded() {
  canvasApp();
}

->

// function eventWindowLoaded() {
//   canvasApp();
// }

2012-03-011
3129

(p129)

현재는 오페라 브라우저에서만 <input>의 color type을 지원한다.

-> 

현재 오페라와 크롬 v16 버전의 브라우저가 input 요소의 color 타입을 지원한다.

2012-03-011
1134

(p134)

들여쓰기

Text Baseline <select id="textBaseline">
  <option value="middle">middle</option>
  <option value="top">top</option>
  <option value="hanging">hanging</option>
  <option value="alphabetic">alphabetic</option>
  <option value="ideographic">ideographic</option>
  <option value="bottom">bottom</option>
</select>
<br>
Text Align <select id="textAlign">
  <option value="center">center</option>
  <option value="start">start</option>
  <option value="end">end</option>
  <option value="left">left</option>
  <option value="right">right</option>
</select>


2012-03-011
3137

(p137)

두 번째 eventWindowLoaded() 함수 삭제 또는 주석처리

function eventWindowLoaded() {
  canvasApp();
}

->

// function eventWindowLoaded() {
//   canvasApp();
// }

2012-03-011
3165

(p165)

코드 첫 세 줄 삭제 또는 주석 처리

function  eventWindowLoaded() {
  canvasApp();
}

->


// function  eventWindowLoaded() {
//   canvasApp();
// }

2012-03-011
4179

(p.179)

"4.2 기본적인 이미지 처리"에서 첫 줄
drawImage() 

-> 
drawScreen()

2012-03-181
4183

(p184)

[예제 4-2] funtion drawScreen() { 다음에 추가

context.fillStyle = "gray";
context.fillRect(0, 0, 64, 160);

2012-03-061
4195

(p195)

마지막 문단의 '영화 클립'

-> 
'영화 클립(무비 클립)'

2012-03-181
5240

(p240)

두번째 줄에서 

공이 2, 250서
->
공이 20, 250서

2012-03-061
5257

(p257, p260, p266)

tempX = tempRadius*2 + (Math.floor(Math.random()*(theCanvas.width-tempRadius*2));
tempY = tempRadius*2 + (Math.floor(Math.random()*(theCanvas.height-tempRadius*2));


->


tempX = tempRadius*2 + (Math.floor(Math.random()*(theCanvas.width-tempRadius*4));
tempY = tempRadius*2 + (Math.floor(Math.random()*(theCanvas.height-tempRadius*4));

2012-03-101
5271

(p271)

textWalls()
->testWalls()

2012-03-111
1312

(p132)

위에서 6번째 줄에서 Context.textBaseline
->
context.textBaseline

2012-03-011
6341

(p.341)

6.1.2 H.264 + $$$ = .mp4
에서

$$$ 
-> 돈, 비용

2012-03-181
6353

(p353)

var videoElement = document.getElementById("theVideo"); 삭제

2012-03-111
6355

(355, 356, 357, 359)

thevideo 

->theVideo

2012-03-111
7458

(p458)

missileImage.src = "missile.png"; appState = STATE_LOADING;

->
missileImage.src = "missile.png";
appState = STATE_LOADING;

2012-03-141
8492

(492페이지)

3. context.moveTo()와 context.drawTo() 함수를 조합하여

->

3. context.moveTo()와 context.lineTo() 함수를 조합하여

2012-03-131
8511

(511페이지)

document.onkeyup = function(e) {
    // document.body.onkeyup = function (e) {
        e = e ? e:window.event;
        // ConsoleLog.log(e.keyCode + "up");
        keyPressList[e.keyCode] = false;
    }
}


->

document.onkeyup = function(e) {
    // document.body.onkeyup = function (e) {
        e = e ? e:window.event;
        // ConsoleLog.log(e.keyCode + "up");
        keyPressList[e.keyCode] = false;
//    }
}

2012-03-131
8512

(512페이지)

var currentVelocity = Math.sqrt((movingXNew*movingXNew)+(movingXNew*movingXNew));
-> 
var currentVelocity = Math.sqrt((movingXNew*movingXNew)+(movingYNew*movingYNew));

2012-03-131
8515

(p515)

currentGameStateFuncappStatePlayeLevel;
->
currentGameStateFunc = gameStatePlayLevel;

2012-03-141
8524

(p524)

p524의 위에서 7번째 줄에서 
dx와 dx
->
dx와 dy

2012-03-151
8545

(545p)

(movingXNew * movingXNew) + (movingXNew * movingXNew)
->
(movingXNew * movingXNew) + (movingYNew * movingYNew)

2012-03-161
10705

(p705)

예제 10-2 코드 주석 중에 

3초마다  갱신
-> 100밀리초마다 갱신

2012-03-161