Javascript p5.js颜色数组错误消息

Javascript p5.js颜色数组错误消息,javascript,p5.js,Javascript,P5.js,我正试图在p5.js中将颜色添加到数组中,除非它不允许我, 这是我的密码,有人能告诉我为什么吗 var colors = []; colors.push( color(255, 0, 0, 0) ); colors.push( color(255,127, 0,255) ); colors.push( color(255,255 ,0,255) ); colors.push( color( 0,255, 0,255) ); colors.push( col

我正试图在p5.js中将颜色添加到数组中,除非它不允许我, 这是我的密码,有人能告诉我为什么吗

var colors = [];

colors.push( color(255,  0,  0,  0) );    
colors.push( color(255,127,  0,255) );    
colors.push( color(255,255  ,0,255) );    
colors.push( color(  0,255,  0,255) );
colors.push( color(  0,  0,255,255) );    
colors.push( color( 75,  0,130,255) );    
colors.push( color(148,  0,211,255) );
它报告此错误:

brick.js:2 Uncaught ReferenceError: color is not defined
at brick.js:2

问题是,在调用
setup()
之前,您正在调用p5函数
color
。详细解释了发生这种情况的原因


我在下面给出了一个工作示例,说明了您可能如何做到这一点

let颜色;
函数设置(){
createCanvas(150150);
背景(238);
颜色=[];
颜色。推送(颜色(255,0,0,0));
颜色。推送(颜色(255127,0255));
颜色。推送(颜色(2552550255));
颜色。推送(颜色(0255255));
颜色。推送(颜色(0,0255255));
颜色。推送(颜色(750130255));
颜色。推送(颜色(1480211255));
}
函数changeColor(){
背景(随机(颜色));
}
按钮{
显示:块;
利润率:10px0;
}


从数组中选择颜色
,因为p5.js库尚未就绪。你导入图书馆了吗?此外,您的js代码必须在p5.js之后导入