Tengo una matriz bidimensional llena de objetos Cell.
¿Cómo puedo hacer para hacer addToGrid(asset); (y funciones anidadas) usa el contexto de cada celda para establecer cells para que pueda usarlas en el método de draw .
class Cell { constructor(value) { this.value = value; } makeAlive = () => { this.value |= (1 << 0) } incrementNeighbours = (num) => { this.value += 2; } } // Main let cols; let rows; let cells; let resolution = 2; let infos = {}; s.setup = async () => { cols = 256; rows = 256; s.createCanvas(cols * resolution, rows * resolution); s.frameRate(60); cells = [...Array(cols)].map(x => Array(rows).fill(new Cell(0))); const loader = new AssetLoader(); const asset= await loader.loadAsync('type', 'name'); addToGrid(asset); } s.draw = () => { . . . // cells is not affected by addToGrid } const addToGrid = (asset) => { for (let i = 0; i < asset.length; i++) { . . . addStrToGrid(col, row, asset[i]); } } const addStrToGrid = (col, row, str) => { for (const c of str) { becomeAlive(col, row); } } const becomeAlive = (x, y) => { cells[x - 1][y - 1].incrementNeighbours(); cells[x - 1][y].incrementNeighbours(); cells[x - 1][y + 1].incrementNeighbours(); cells[x][y - 1].incrementNeighbours(); cells[x][y].makeAlive(); cells[x][y + 1].incrementNeighbours(); cells[x + 1][y - 1].incrementNeighbours(); cells[x + 1][y].incrementNeighbours(); cells[x + 1][y + 1].incrementNeighbours(); }
s.setupys.drawson de la biblioteca p5.js que se activan respectivamente.