dark: "#5C764C",

    mid: "#85A075",

    light: "#B0C3A4",

}

let cells;

let player;

​

let cellSize = 20;

​

function setup() {

​

    createCanvas(800, 800);

​

    createBackground();

​

    cells = [...Array(floor(800 / cellSize - 1))].map(e => Array(floor(800 / cellSize - 1)));

​

    for (let i = 0; i < cells.length; i++) {

        for (let j = 0; j < cells[i].length; j++) {

​

            cells[i][j] = new Cell(i, j, "🤍");

​

            let noiseScale = 0.1;

            let perlin = noise(i * noiseScale, j * noiseScale);

​

            if (perlin > 0.6) {

                cells[i][j].state = true;

            } else {

                cells[i][j].state = false;

            }

        }

    }

    player = new Player(int(cells.length / 2), int(cells[0].length / 2));

}

​

function draw() {

​

    // background(colors.background);

    updatePixels();

​

    if (frameCount % (24 * 1) == 1) {

        live();

        for (let i = 0; i < cells.length; i++) {

            for (let j = 0; j < cells[i].length; j++) {

                cells[i][j].update();

            }

        }

    }

    translate(width - floor(800 / cellSize - 1) * cellSize, height - floor(800 / cellSize - 1) * cellSize);

​

    for (let j = 0; j < cells[0].length; j++) {

        for (let i = 0; i < cells.length; i++) {

            cells[i][j].display();

        }

    }

    plant(player.x, player.y);

}

​

function keyPressed() {

​

    player.move(keyCode);

}

​

function live() {

​

    for (let i = 0; i < cells.length; i++) {

        for (let j = 0; j < cells[i].length; j++) {

​

            cells[i][j].cache = cells[i][j].state;

        }

    }

    for (let i = 0; i < cells.length; i++) {

        for (let j = 0; j < cells[i].length; j++) {

​

            let neighbours = 0;

​

            for (let k = -1; k <= 1; k++) {

                for (let l = -1; l <= 1; l++) {

​

                    let x = i + k;

                    let y = j + l;

​

                    if (x < 0) {

                        x = cells.length - 1;

​

                    } else if (x >= cells.length) {

                        x = 0;

                    }

                    if (y < 0) {

                        y = cells[i].length - 1;

​

                    } else if (y >= cells[i].length) {

                        y = 0;

                    }

                    neighbours += cells[x][y].cache;

                }

            }

            neighbours -= cells[i][j].cache;

​

            if (!cells[i][j].cache && neighbours == 3) {

                cells[i][j].state = true;

​

            } else if (cells[i][j].cache && neighbours <= 1) {

                cells[i][j].state = false;

​

            } else if (cells[i][j] && neighbours >= 4) {

                cells[i][j].state = false;

​

            } else {

                cells[i][j].state = cells[i][j].cache;

            }

        }

    }

}

​

function plant(x, y) {

​

    cells[x][y].state = true;

    cells[x][y].update();

}

​

function createBackground() {

​

    let colorA = colors.dark;

    let colorB = colors.light;

​

    for (let i = 0; i < width; i++) {

        for (let j = 0; j < height; j++) {

​

            let col;

​

            if (random() > 0.5) {

                col = colorLerp(colorA, colorB, noise(i*0.002, j*0.002));

​

            } else {

                col = colors.mid;

            }

            set(i, j, color(col));

        }

    }

    updatePixels();

}

​

function colorLerp(a, b, ratio) {

​

    let ah = parseInt(a.replace(/#/g, ""), 16),

        ar = ah >> 16,

        ag = ah >> 8 & 0xff,

        ab = ah & 0xff,

        bh = parseInt(b.replace(/#/g, ""), 16),

        br = bh >> 16,

        bg = bh >> 8 & 0xff,

        bb = bh & 0xff,

        rr = ar + ratio * (br - ar),

        rg = ag + ratio * (bg - ag),

        rb = ab + ratio * (bb - ab);

​

    return "#" + ((1 << 24) + (rr << 16) + (rg << 8) + rb | 0).toString(16).slice(1);

}