使用p5.js遞增圖像-畫布

Question

完全困擾了這個簡單的邏輯。 如何在屏幕上像橢圓/圓形一樣移動圖像？

 var storm;

function preload() {
storm = loadImage("250px-Stormtrooper-75060.png");  
}

function setup() {
 background(0);
 createCanvas(1000,600); 
}

function draw() {

image(storm,200,200);
image(storm).x = image(storm).x + 1;
}

繪制函數循環。 此代碼的錯誤消息：

19：未捕獲的TypeError：無法讀取未定義的屬性'x'

Answer 1

改變你的draw功能...

var x = 200, y = 200;
function draw() {
  image(storm, x, y);
  x++;
}