用p5.js着色矩形

Question

我正在嘗試制作一個每2秒閃爍一次以不同顏色顯示的矩形，但是我的數組無法正常工作。 我不知道為什么。 這是我的代碼：

var colours = [2];
var selectedColour;
var timer;


function setup() {
    createCanvas(800, 800);    
    colours[0] = color(255, 0, 0);
    colours[1] = color(0, 0, 255);
}

function draw() {
    background(10);

    if (millis() - timer > 2000) {

        selectedColor++;
        timer = millis();
    }


    fill(colours[selectedColour % colours.length]);
    rect(width / 2, height / 2, 50, 50);

}

Answer 1

計時器var和selectedColour var未初始化，javascript將未初始化的var設置為undefined，因此在if語句中，它永遠不會成立，在底部，除了colors []中可能有警告或錯誤之外，您什么也不會得到，因為selectedColour將是第一個未定義，因此它的模數將沒有任何意義

Answer 2

兩個問題：

1. 您的timer值未初始化-將其設置為0或小於millis()任何值。 同樣適用於selectedColour 。

2. 所選顏色的變量稱為selectedColour但您正在遞增selectedColor 。

Answer 3

首先將計時器變量設置為默認值，並修復兩個變量“ selectedColour”和“ selectedColor”的名稱。 您的問題將得到解決。