HTML5中canvas实现小球击打小方块游戏(2)_H5之家 - 中国HTML5教程资源分享第一站

小时：击中当前小方块之后改变其长宽，之后重绘小方块即可，由于当前的小方块的长宽都为0，即绘制之后的小方块没有。

8、判断游失败和成功的方法：

失败：是要小球的掉到最低端即小球的Y坐标大于画布的Y坐标就是失败；

成功：计数判断是否消灭的小方块数是否和指定的小方块数相同。

if(ball_impact.y + ball_impact.r >= canvas.height){

cxt.fillStyle = "#FC0000";

cxt.font = "bold 50px 微软雅黑";

cxt.fillText("FAILURE！",30,250);

diamond.move = 0;//不能移动板块

}

复制代码

//判断是否与所有的小方块数相等

if(count_sum == 90){

cxt.fillStyle = "#FCF205";

<span style="white-space:pre"> </span>cxt.font = "bold 50px 微软雅黑";

cxt.fillText("SUCCESS！",20,250);

diamond.move = 0;//不能移动板块

<span style="white-space:pre"> </span>ball_impact.vx =0;

ball_impact.vy =0;

else{

count_sum = 0;

}

复制代码

9、显示效果：

QQ截图20161009142035.jpg (0 Bytes, 下载次数: 0)

下载附件

前天 14:29 上传

游客，如果您要查看本帖隐藏内容请回复