p5.j​​s颜色阵列错误消息

Question

我试图将颜色推入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

Answer 1

问题是您在调用color之前正在调用p5函数setup()。 here对此进行了详细说明。

---

我在下面做了一个可行的示例。

let colors;

function setup() {
  createCanvas(150, 150);
  background(238);
  
  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) );
}


function changeColor() {
  background(random(colors));
}

button {
  display: block;
  margin: 10px 0;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.1/p5.min.js"></script>
<button onclick='changeColor()'>Choose color from array</button>