使用Javascript在HTML5中重绘画布

Question

我正在创建一个点击和清除游戏.一旦用户点击了一些砖块,就会检查相邻的砖块是否有相同的颜色,并且所有这些砖块都会被立即清除.

这些是使用clearRect()函数清除的.

现在,在上面的砖块和下面的砖块之间留下一个白色的补丁,让上面的砖块悬挂.

现在我想将这些砖块向下移动.我该怎么做呢..？Plz的帮助

Answer 1

问题很模糊,但根据标题,您需要在重绘之前清除画布.否则,绘制的元素将简单地堆叠在彼此之上.

为此,请clearRect在画布上调用该函数:

function clear() {
    var canvas = document.getElementById("canvas");
    var ctx = canvas.getContext("2d");
    ctx.clearRect(0, 0, 500, 500);
}

canvas画布的ID和500, 500尺寸在哪里.现在,您将拥有一个空白画布,您可以在其中重新绘制所有内容.

我曾经创建过一个简单的HTML5画布游戏,你可以从源代码中学习.