(28페이지 예제 1-1)

<meta charset="UFT-8"> 

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

(p30.)

예제1-2에서

UFT-8 
->
 UTF-8

(p37.)

마지막 줄
 Return; 
 ->
 return;

(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");

(41p)

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

(43페이지)

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

(p46)

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

(50페이지)

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

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

(p50)

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

(52페이지)

filltext -> fillText

(p54)

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

 function eeventWindowLoaded() {
   canvasApp();
 }

->

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

(page 76-77)

context.globalComposite Operation="destination-atop";

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

(p81)

0.5 -> .5 

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

(p119)

상단의 소스 내, 

xPosition,yPostion
->
xPosition, yPosition

(p120)

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

function eventWindowLoaded() {
  canvasApp();
}

->

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

(p129)

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

-> 

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

(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>

(p137)

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

function eventWindowLoaded() {
  canvasApp();
}

->

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

(p165)

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

function  eventWindowLoaded() {
  canvasApp();
}

->


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

(p.179)

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

-> 
drawScreen()

(p184)

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

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

(p195)

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

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

(p240)

두번째 줄에서 

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

(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));

(p271)

textWalls()
->testWalls()

(p132)

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

(p.341)

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

$$$ 
-> 돈, 비용

(p353)

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

(355, 356, 357, 359)

thevideo 

->theVideo

(p458)

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

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

(492페이지)

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

->

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

(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;
//    }
}

(512페이지)

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

(p515)

currentGameStateFuncappStatePlayeLevel;
->
currentGameStateFunc = gameStatePlayLevel;

(p524)

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

(545p)

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

(p705)

예제 10-2 코드 주석 중에 

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