P5.jsで不明なエラー

Question

私のコードでエラーが見つかりました。私は学校プロジェクトのために自分のバージョンの宇宙侵略者を作っている。 P5はエラーを表示していませんが、コードのテストを実行すると、私はすべて白い画面になります。私はこれのために余分な目を必要とします。どんな助けもありがとうございます。ありがとう!!

//initializes bullets 
var bullets = { 
    x: new Array(), 
    y: new Array(), 
    shot: new Array() 
} 
//initializes the ship 
var ship = { 
    x: 625, 
    y: 475, 
    photo: loadImage("download.png") 
} 

function setup() { 
    createCanvas(1350,650); 

    //bullet1 
    append(bullets.x, ship.x); 
    append(bullets.y, ship.y); 
    append(bullets.shot, false); 

    //bullet2 
    append(bullets.x, ship.x); 
    append(bullets.y, ship.y); 
    append(bullets.shot, false); 

    //bullet3 
    append(bullets.x, ship.x); 
    append(bullets.y, ship.y); 
    append(bullets.shot, false); 
} 

//Controls 
function updateShip() 
{ 
    //Right movement 
    if (keyIsDown(RIGHT_ARROW)) { 
     ship.x = ship.x+ 10; 
     if (ship.x >= 1350) { 
      ship.x = ship.x - 11; 
     } 
    } 
    //Left movement 
    if (keyIsDown(LEFT_ARROW)) { 
     ship.x = ship.x - 10; 
     if (ship.x <= 0) { 
      ship.x = ship.x + 11; 
     } 
    } 
    //Up movement 
    if (keyIsDown(UP_ARROW)) { 
     ship.y = ship.y - 10; 
     if (ship.y <= 350) { 
      ship.y = ship.y + 11; 
     } 
    } 
    //Down movement 
    if (keyIsDown(DOWN_ARROW)) { 
     ship.y = ship.y + 10; 
     if (ship.y >= 580) { 
      ship.y = ship.y - 11; 
     } 
    } 
} 
function drawShip() 
{ 
    ship.photo.resize(75,75); 
    image(ship.photo,ship.x-ship.photo.width/2,ship.y+ship.photo.height/2); 
} 
//Drawing the bullets 
function drawBullets() { 
    fill(255); 
    rect(bullets.x[0],bullets.y[0], 5, 10); 
    rect(bullets.x[1],bullets.y[1], 5, 10); 
    rect(bullets.x[2],bullets.y[2], 5, 10); 
} 

//Controls the bullet movement 
function updateBullets() { 
    bullets.y[0] = bullets.y[0] + 10; 
} 

//Checks if bullet is shot 
function checkShoot() { 
    if (keyIsPressed && keyCode === 32) { 
     bullets.y[0] = ship.y; 
    } 
} 

function draw() { 
    background(0); 

    updateShip(); 
    drawShip(); 
    checkShoot(); 
    updateBullets(); 
    drawBullets(); 
} 

Answer 1

loadImage（）関数をスケッチのsetup（）関数に移動する必要があります。 このように

var ship; 
function setup() { 
    createCanvas(1350,650); 
    ship = { 
     x: 625, 
     y: 475, 
     photo: loadImage("download.png") 
    } 
    //something 
}