HTML Canvas中的Z-Index

时间:2015-05-16 07:52:39

标签: javascript html html5 canvas

当我遇到这个问题时,我试图在JavaScript中进行简单的蛇游戏。

当触发游戏超过条件时,将清除绘制蛇的setInterval()循环,显示游戏结束的消息,并使用ctx.fillText()在画布的中心显示分数。但是当蛇在死亡时位于屏幕的中心时,在蛇的下方会传出游戏消息,使得事情看起来非常混乱。清除包含绘制蛇的值的数组,但我不希望蛇消失。我只是希望游戏结束消息。

我怎样才能做到这一点?

1 个答案:

答案 0 :(得分:1)

确保在通过消息绘制游戏之前取消了间隔。

如果没有看到您的代码,就无法准确判断出发生了什么,但是您可以尝试设置一个变量来指示游戏结束,然后再将游戏结束。在绘制蛇之前发短信并测试该变量。