如何修改这个Javascript Block-breaker游戏？

Question

我有这个小组项目，要求我们修改这个JavaScript＆＃34; block-breaker＆＃34;通过在游戏中添加一些元素来进行游戏。

GAME （http://breakout.enclavegames.com/lesson10.html）

需要使用以下条件进行修改：

1. 将每行砖的颜色更改为具有不同颜色
2. 添加一个子弹，每次有3点就可以射击（使用 空格键或单击），它将点减少3
3. 添加游戏状态：开始（按空格/单击开始）
4. 1块砖重生/每15秒重新出现

Answer 1

由于这是该游戏的源代码（view-source：http://breakout.enclavegames.com/lesson10.html），您需要先了解它是什么。据我所知1：

1. 您需要修改：function drawBricks() {}

ctx.fillStyle = "#0095DD"; //这是蓝砖颜色：

您可以这样说：

function getRandomColor() {
    var letters = '0123456789ABCDEF';
    var color = '#';
    for (var i = 0; i < 6; i++ ) {
        color += letters[Math.floor(Math.random() * 16)];
    }
    return color;
}

因此，ctx.fillStyle将是：ctx.fillStyle = getRandomColor()

使用这种方法，您需要了解每个函数的工作方式以及根据该函数修改/添加方法。

我刚给你举个例子，你可以用这个游戏做很多事情，因为源代码非常简单。

如果您正在寻找一些复制/粘贴解决方案，我建议您删除堆栈溢出帐户。