Crea tetris completo's game

Click here for free DL of the app version that can save data.

No:44519

←

Prev Next

→

Crea tetris completo
Developer User19399｜Date and time 24/2/18 6:46:30
Build time 11.923 sec｜Game capacity 3.543KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

Click here for free DL of the app version that can save data.

const canvas = document.createElement('canvas');
canvas.width = columns * squareSize;
canvas.height = rows * squareSize;

const context = canvas.getContext('2d');
document.body.appendChild(canvas);

const grid = [];
for (let i = 0; i < rows; i++) {
    grid[i] = [];
    for (let j = 0; j < columns; j++) {
        grid[i][j] = 0;
    }
}

function drawSquare(x, y, color) {
    context.fillStyle = color;
    context.fillRect(x * squareSize, y * squareSize, squareSize, squareSize);
    context.strokeStyle = 'black';
    context.strokeRect(x * squareSize, y * squareSize, squareSize, squareSize);
}

function drawGrid() {
    for (let i = 0; i < rows; i++) {
        for (let j = 0; j < columns; j++) {
            drawSquare(j, i, getColor(grid[i][j]));
        }
    }
}

function getColor(number) {
    const colors = ['#000000', '#FF00FF', '#00FFFF', '#FF0000', '#FFFF00', '#00FF00', '#0000FF', '#FF6600'];
    return colors[number];
}

function collides(piece) {
    return piece.some(position => {
        const [x, y] = position;
        return x < 0 || x >= columns || y >= rows || grid[y][x];
    });
}

function lockPiece(piece) {
    piece.forEach(position => {
        const [x, y] = position;
        grid[y][x] = piece.color;
    });
}

const pieces = [
    { shape: [[0, 0], [0, 1], [0, 2], [0, 3]], color: 1 },
    { shape: [[0, 0], [0, 1], [0, 2], [1, 2]], color: 2 },
    { shape: [[0, 0], [0, 1], [0, 2], [1, 1]], color: 3 },
    { shape: [[0, 0], [0, 1], [0, 2], [1, 0]], color: 4 },
    { shape: [[0, 0], [0, 1], [1, 0], [1, 1]], color: 5 },
    { shape: [[0, 0], [0, 1], [1, 1], [1, 2]], color: 6 },
    { shape: [[0, 1], [0, 2], [1, 0], [1, 1]], color: 7 },
];

let piece = null;
let gameOver = false;
let score = 0;

function drawPiece() {
    piece.shape.forEach(position => {
        const [x, y] = position;
        drawSquare(piece.x + x, piece.y + y, getColor(piece.color));
    }
}

piece = getRandomPiece();
loop();
</script>