elements.js

// Contains the classes for the different elements in the simulation

class Particle {
    constructor(x, y, _id) {
        this.x = x;
        this.y = y;
        this.color = [255, 255, 255];
        this.id = _id;
    }
}

class Sand extends Particle {
    constructor(x, y, _id) {
        super(x, y, _id);
        this.color = [255, 255, 0];
        this.moveablePositions = [
            [0, 1],
            [1, 1],
            [-1, 1],
        ];
    }
}

class Water extends Particle {
    constructor(x, y, _id) {
        super(x, y, _id);
        this.color = [0, 50, 255];
        this.moveablePositions = [
            [0, 1],
            // [1, 1],
            // [-1, 1],
            [1, 0],
            [-1, 0],
        ];
    }
}

class Wall extends Particle {
    constructor(x, y, _id) {
        super(x, y, _id);
        this.color = [100, 100, 100];
        this.moveablePositions = [];
    }
}

class AntiSand extends Particle {
    constructor(x, y, _id) {
        super(x, y, _id);
        this.color = [190, 190, 190];
        this.moveablePositions = [
            [0, -1],
            [1, -1],
            [-1, -1]
        ];
    }
}

class AntiWater extends Particle {
    constructor(x, y, _id) {
        super(x, y, _id);
        this.color = [75, 75, 75];
        this.moveablePositions = [
            [0, -1],
            [1, 0],
            [-1, 0]
        ];
    }
}

class Fire extends Particle {
    constructor(x, y, _id) {
        super(x, y, _id);
        this.uses = 2; // Number of times element can evaporate water
        this.color = [255, 0, 0];
        this.moveablePositions = [
            [0, 1],
            [1, 1],
            [-1, 1],
            [1, 0],
            [-1, 0]
        ];
    }
}