Переключите несколько кнопок для вставки изображений в массив ann 2d - PullRequest
Новая
       7

Переключите несколько кнопок для вставки изображений в массив ann 2d

1 голос
/ 24 октября 2019

Моя проблема состоит в том, чтобы добавлять изображения в массив на нескольких кнопках в p5 j. Я хочу иметь меню, в котором у меня есть несколько кнопок. Для каждой нажатой кнопки я хочу вставить изображение в массив ann для циклического прохождения массива и отображения в виде сетки. 

let grid;
let cols = 40;
let rows = 40;
let w = 100;

function make2DArray(cols, rows){
  let arr = new Array(cols)
  for(let i = 0; i < arr.length; i++){
  arr[i] = new Array(rows);
  }
  return arr;
}

function setup() {
  let cnv = createCanvas(900, 1100);
  cnv.parent('canvas-holder');
  const background1_btn = select('#background1-btn');
  background1_btn.mousePressed();
  const background2_btn = select('#background2-btn');
  background2_btn.mousePressed();
  const background3_btn = select('#background3-btn');
  background3_btn.mousePressed();

  cols = floor(width / w);
  rows = floor(width / w);
  grid = make2DArray(cols, rows);
  for (let i = 0; i < cols; i++){
  for(let j = 0; j < rows; j++){
      grid[i][j] = new Cell(i * w, j * w, w);
    }
    }
} 
function draw() {
for (let i = 0; i < cols; i++){
  for(let j = 0; j < rows; j++){
  grid[i][j].show()
  }
  }
}
function Cell(x, y, w){
    this.x = x;
    this.y = y;
    this.w = w;
    this.revealed = true;
    this.bee = true;

}
Cell.prototype.show = function() {
        for (let i = 0; i < cols; i++){
        for(let j = 0; j < rows; j++){
        grid[i][j] = image(img, this.x, this.y, this.w, this.w)
        }
        }
       }
...