记住在HTML5画布上放置砖块的位置

我正在尝试制作我的第一个html5画布游戏，到目前为止，我已经想到了这个，你可以使用左、右和下箭头键

你可以在这里看到代码

我考虑过使用某种数组和网格，但我真的不知道它是否有效

var someArray = [];

然后使用数组来存储块，但是对于碰撞检测，我真的不知道

我遇到了一个碰撞，不知道如何开始让砖块在到达底部后留在屏幕上，然后记住砖块碰撞，以便砖块可以堆叠？我并不是在要求一个“给我所有答案”，我可以研究一些可以帮助我达到目标的建议就足够了，谢谢

这是我的第一场比赛，如果有很多错误，请告诉我，以便我可以改进，再次感谢。

屏幕底部 要测试对象是否位于屏幕底部，只需进行简单测试：

If obj.y >= (canvas.height - object.height) then don't increase obj y position.

箱式堆垛 要使框堆叠，在每个循环上，您需要检查特定框是否与另一个框碰撞：

for (var i=0; i<boxes.length; i++) {
    var boxA = boxes[i];

    for (var j=0; j<boxes.length; j++) {
        var boxB = boxes[j];

        if (boxA collides with boxB) don't increase boxA y position 
    }
}

---

for（var i=0；我非常感谢您，我现在可以在此基础上进行构建了！当我尝试实现它时，我将发布另一个js提琴，再次感谢！