Javascript 多个按钮P5JS

我已经创建了一个模拟色盲的相机，现在我需要制作8个按钮来在不同类型的色盲之间切换，我被告知要使用阵列，但我不确定如何使用。我需要做8个按钮，一旦按下，改变这里的值，让newColor=ColorMatrix（{R:R，G:G，B:B，A:A}，盲（'Protanopia）

//来自http://web.archive.org/web/20081014161121/http://www.colorjack.com/labs/colormatrix/
let blindnes=[原盲、原异常、二盲、二盲、三盲、三盲、消色差、消色差]；
让按钮=[]；
函数ColorMatrix（o，m）{//takes:RGBA对象，矩阵数组
函数fu（n）{
设值=0；
如果（n我在这种情况下的想法是这样的：

let button = [];
visions = ['Normal', 'Protanopia'];

setup(){

visions.forEach((vision, i) => { //map each type of vision and create a button

    const button = createButton(vision);
    button.position(50 * i + 20, 50);
    button.mousePressed(() => changeType(vision)); // add a custom event

  });
}

let currentVision = 'Normal';


function draw(){
    background(255);

  let newColor = ColorMatrix({R: r, G: g, B: b, A: a}, Blind(vision)); // draw will rerun this line constantly so when you update currentVision it will update here

}

function changeType(type){
  vision = type;
}

let button = [];
visions = ['Normal', 'Protanopia'];

setup(){

visions.forEach((vision, i) => { //map each type of vision and create a button

    const button = createButton(vision);
    button.position(50 * i + 20, 50);
    button.mousePressed(() => changeType(vision)); // add a custom event

  });
}

let currentVision = 'Normal';


function draw(){
    background(255);

  let newColor = ColorMatrix({R: r, G: g, B: b, A: a}, Blind(vision)); // draw will rerun this line constantly so when you update currentVision it will update here

}

function changeType(type){
  vision = type;
}