請問為什麼在程式碼裡面加了這段

            ctx.beginPath();
            ctx.arc(Ball.x, Ball.y, Ball.ballRadius, 0, Math.PI * 2);
            ctx.fillStyle = "#0095DD";
            ctx.fill();
            ctx.closePath();

之後新增的磚塊都會變成只有一塊...
可是我是想寫出磚塊每隔一段時間就出現一排，
而且有時候球也會自己亂跑，請問是我哪裡寫錯了嗎?

以下是我全部的程式碼

    <script>
        const canvas = document.getElementById("myCanvas");
        const ctx = canvas.getContext("2d");
        let brick = {
            width: 75,
            height: 20,
            padding: 10,
            top: 30,
            left: 20
        }

        let Board = {
            x: (canvas.width - 75) / 2,
            y: canvas.height - 10,
            width: 75,
            height: 10,
            speed: 10
        }

        let Ball = {
            x: canvas.width / 2,
            y: canvas.height - 30,
            ballRadius: 10,
            dx: 2,
            dy: -2
        }

        let blocks = []

        for (let r = 0; r < 5; r++) {
            blocks[r] = []
            for (let c = 0; c < 9; c++) {
                blocks[r][c] = {
                    x: 0,
                    y: 0,
                    hidden: false
                }
            }
        }

        let interval = setInterval(startGame, 10);
        let newB = setInterval(addBlocks, 1000);

        function drawBlocks() {
            for (let r = 0; r < blocks.length; r++) {
                for (let c = 0; c < blocks[r].length; c++) {
                    if (!blocks[r][c].hidden) {
                        const brickX = (c * (brick.width + brick.padding)) + brick.left;
                        const brickY = (r * (brick.height + brick.padding)) + brick.top;
                        blocks[r][c].x = brickX;
                        blocks[r][c].y = brickY;
                        ctx.rect(brickX, brickY, brick.width, brick.height);
                        ctx.fillStyle = "#0095DD";
                        ctx.fill();
                    }
                }
            }
        }

        function drawBoard() {
            ctx.fillRect(Board.x, Board.y, Board.width, Board.height);
            ctx.fillStyle = "0095DD";
            ctx.fill();
        }

        function drawBall() {
            ctx.beginPath();
            ctx.arc(Ball.x, Ball.y, Ball.ballRadius, 0, Math.PI * 2);
            ctx.fillStyle = "#0095DD";
            ctx.fill();
            ctx.closePath();
        }

        function addBlocks() {
            let newBlocks = [];
            newBlocks[0] = [];
            for (let c = 0; c < 9; c++) {
                newBlocks[0][c] = {
                    x: 5,
                    y: 5,
                    hidden: false
                }
            }
            blocks.unshift(newBlocks);
        }



        window.onload = onPageLoaded

        function onPageLoaded() {
            document.addEventListener('keydown', moveBoard)
        }

        function moveBoard(event) {
            if (event.keyCode === 37) { // left arrow 
                Board.x -= Board.speed;
            }

            if (event.keyCode === 39) { // right arrow 
                Board.x += Board.speed;
            }
            if (Board.x + Board.width > canvas.width) {
                Board.x -= Board.speed;
            }
            if (Board.x < 0) {
                Board.x += Board.speed;
            }

        }

        function moveBall() {
            if (Ball.x + Ball.dx > canvas.width - Ball.ballRadius || Ball.x + Ball.dx < Ball.ballRadius) {
                Ball.dx = -Ball.dx;
            }

            if (Ball.y + Ball.dy < Ball.ballRadius) {
                Ball.dy = -Ball.dy;
            }

            if (Ball.y + Ball.dy + 10 > canvas.height - Ball.ballRadius) {
                if (Ball.x >= Board.x && Ball.x <= Board.x + Board.width) {
                    Ball.dy = -Ball.dy;
                }
            }

            if (Ball.y > canvas.height - Ball.ballRadius) {
                alert("GAME OVER");
                clearInterval(interval);
            }


            for (let r = 0; r < blocks.length; r++) {
                for (let c = 0; c < blocks[r].length; c++) {
                    const bk = blocks[r][c];
                    if (Ball.x >= bk.x && Ball.x <= bk.x + brick.width && Ball.y >= bk.y && Ball.y <= bk.y + brick.height) {
                        Ball.dy = -Ball.dy;
                        bk.hidden = true;
                    }
                }
            }
            
            Ball.x += Ball.dx;
            Ball.y += Ball.dy;
        }

        function GameOver() {
            for (let r = 0; r < blocks.length; r++) {
                for (let c = 0; c < blocks[r].length; c++) {
                    let bk = blocks[r][c];
                    if (bk.y > canvas.height - brick.top && bk.hidden === false) {
                        clearInterval(interval);
                        clearInterval(newB);
                        alert("GameOver");
                    }
                }
            }
        }

        function startGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawBlocks()
            drawBoard()
            drawBall()
            moveBall()
            GameOver()
        }
    </script>