키를 누를 때 이미지가 변환되지 않습니다.

Question

화면에서 이미지를 이동하고 싶습니다. 현재 이미지는 렌더링되지만 특정 키를 누를 때 페이지를 번역하지는 않습니다. 그것이 작동하도록 볼 수 없습니다 - 어떤 제안 ?? 나는 그것이 더 합리적이라고 믿는 한 전체 코드 블록을 포함시켰다.

var player; 
var img; 

function preload() { 
    img = loadImage("charcter.png"); 
} 

function setup() { 
    background(255, 0, 0, 0.4); 
    createCanvas(1000, 600); 
    player = new Astro(0,0); 
} 

function draw() { 
    // clear(); 
    player.show(); 
    player.update(); 
} 

function keyPressed() { 
    if (keyCode === UP_ARROW) { 
    player.dir(0, -10); 
    } else if (keyCode === DOWN_ARROW) { 
    player.dir(0, 10); 
    } else if (keyCode === RIGHT_ARROW) { 
    player.dir(10, 0); 
    } else if (keyCode === LEFT_ARROW) { 
    player.dir(-10, 0); 
    } 
} 

function Astro(x, y) { 
    this.x = x; 
    this.y = y; 
    this.xSpeed = 0; 
    this.ySpeed = 0; 
    this.img = img; 
    this.show = function() { 
     image(img, this.x, this.y); 
    }; 

    this.update = function() { 

      this.x += this.xSpeed; 
      this.y += this.ySpeed; 

     if (this.x > width || this.x < 0) { 
      this.xSpeed = this.xSpeed * -1; 
     } 
     if (this.y > height || this.y < 0) { 
      this.ySpeed = this.ySpeed * -1; 
     } 

    }; 
    this.dir = function(x, y) { 
     this.xspeed = x; 
     this.yspeed = y; 
    } 
} 

Answer 1

debug your program으로 조치하십시오. 예를 들어, keyPressed() 기능이 실행 중이십니까? if 진술이 예상대로 작동하고 있습니까? player.dir() 함수를 호출하고 있습니까?

console.log() 문을 사용하거나 JavaScript 디버거를 사용하여 위의 모든 내용에 대답하십시오. 정확히 어떤 코드 행이 예상했던 것과 다른 동작을하는지 파악한 다음 MCVE에서 해당 문제를 격리하십시오. 예를 들어 문제가 이미지로드와 직접 관련이없는 경우 이미지로드 코드를 포함하지 마십시오. 대신 기본 사각형을 사용하십시오. 행운을 빈다.