piece.js

// const shapes = require('./piece_types.json'); 
class Piece {
    constructor(index) {
        this.shape = Object.values(shapes)[index];
        this.x = 5;
        this.y = 0;
        this.index = 0


        this.list = new Array(Object.values(shapes)[index], Object.values(shapes)[index+1], Object.values(shapes)[index+2], Object.values(shapes)[index+3]);
    }

    next() {
        this.y++;
    }

}

function generateRandomPiece() {
    // get random index value
    randomIndex = 7;
    while (randomIndex == 7) {
        randomIndex = Math.floor(Math.random() * 7);
    }
    
    // get random item
    // shape = shapes[randomIndex];
    piece = new Piece(randomIndex * 4);
    return piece;
}

shapes =
{
    "a1":
        [
            0, 0, 0, 0,
            1, 1, 1, 1,
            0, 0, 0, 0,
            0, 0, 0, 0
        ],
    "b1":
        [
            0, 0, 1, 0,
            0, 0, 1, 0,
            0, 0, 1, 0,
            0, 0, 1, 0
        ],
    "c1":
        [
            0, 0, 0, 0,
            0, 0, 0, 0,
            1, 1, 1, 1,
            0, 0, 0, 0
        ],
    "d1":
        [
            0, 1, 0, 0,
            0, 1, 0, 0,
            0, 1, 0, 0,
            0, 1, 0, 0
        ],
    "a2":
        [
            0, 0, 0, 0,
            2, 0, 0, 0,
            2, 2, 2, 0,
            0, 0, 0, 0
        ],
    "b2":
        [
            0, 2, 2, 0,
            0, 2, 0, 0,
            0, 2, 0, 0,
            0, 0, 0, 0
        ],
    "c2":
        [
            0, 0, 0, 0,
            0, 2, 2, 2,
            0, 0, 0, 2,
            0, 0, 0, 0
        ],
    "d2":
        [
            0, 0, 0, 0,
            0, 0, 2, 0,
            0, 0, 2, 0,
            0, 2, 2, 0
        ],
    "a3":
        [
            0, 0, 0, 3,
            0, 3, 3, 3,
            0, 0, 0, 0,
            0, 0, 0, 0
        ],
    "b3":
        [
            0, 3, 0, 0,
            0, 3, 0, 0,
            0, 3, 3, 0,
            0, 0, 0, 0
        ],
    "c3":
        [
            0, 0, 0, 0,
            0, 3, 3, 3,
            0, 3, 0, 0,
            0, 0, 0, 0
        ],
    "d3":
        [
            0, 0, 0, 0,
            0, 3, 3, 0,
            0, 0, 3, 0,
            0, 0, 3, 0
        ],
    "a4":
        [
            0, 0, 0, 0,
            0, 4, 4, 0,
            4, 4, 0, 0,
            0, 0, 0, 0
        ],
    "b4":
        [
            0, 4, 0, 0,
            0, 4, 4, 0,
            0, 0, 4, 0,
            0, 0, 0, 0
        ],
    "c4":
        [
            0, 0, 0, 0,
            0, 0, 4, 4,
            0, 4, 4, 0,
            0, 0, 0, 0
        ],
    "d4":
        [
            0, 0, 0, 0,
            0, 4, 0, 0,
            0, 4, 4, 0,
            0, 0, 4, 0
        ],
    "a5":
        [
            0, 0, 0, 0,
            0, 5, 0, 0,
            5, 5, 5, 0,
            0, 0, 0, 0
        ],
    "b5":
        [
            0, 0, 0, 0,
            0, 5, 0, 0,
            0, 5, 5, 0,
            0, 5, 0, 0
        ],
    "c5":
        [
            0, 0, 0, 0,
            5, 5, 5, 0,
            0, 5, 0, 0,
            0, 0, 0, 0
        ],
    "d5":
        [
            0, 0, 0, 0,
            0, 5, 0, 0,
            5, 5, 0, 0,
            0, 5, 0, 0
        ],
    "a6":
        [
            0, 0, 0, 0,
            0, 6, 6, 0,
            0, 0, 6, 6,
            0, 0, 0, 0
        ],
    "b6":
        [
            0, 0, 6, 0,
            0, 6, 6, 0,
            0, 6, 0, 0,
            0, 0, 0, 0
        ],
    "c6":
        [
            0, 0, 0, 0,
            0, 6, 6, 0,
            0, 0, 6, 6,
            0, 0, 0, 0
        ],
    "d6":
        [
            0, 0, 6, 0,
            0, 6, 6, 0,
            0, 6, 0, 0,
            0, 0, 0, 0
        ],
    "a7":
        [
            0, 0, 0, 0,
            0, 7, 7, 0,
            0, 7, 7, 0,
            0, 0, 0, 0
        ],
    "b7":
        [
            0, 0, 0, 0,
            0, 7, 7, 0,
            0, 7, 7, 0,
            0, 0, 0, 0
        ],
    "c7":
        [
            0, 0, 0, 0,
            0, 7, 7, 0,
            0, 7, 7, 0,
            0, 0, 0, 0
        ],
    "d7":
        [
            0, 0, 0, 0,
            0, 7, 7, 0,
            0, 7, 7, 0,
            0, 0, 0, 0
        ]
};

colors = {
    "1" : "#00FFFF",
    "2" : "#0066CC",
    "3" : "#FF8000",
    "4" : "#66CC00",
    "5" : "#6600CC",
    "6" : "#CC0000",
    "7" : "#FFE55F"
};