javascript - HTML Canvas 中的 Z 索引

标签 javascript html canvas

当我遇到这个问题时,我正在尝试用 JavaScript 制作一个简单的蛇游戏。

当游戏结束条件被触发时,setInterval()绘制蛇的循环被清除,一条消息显示“游戏结束”,并且分数使用 ctx.fillText() 显示在 Canvas 的中心。 。但是,当蛇死亡时位于屏幕中央时,游戏结束消息会绘制在蛇下方,使事情看起来非常困惑。清除保存绘制蛇的值的数组是可行的,但我不希望蛇消失。我只想在其上绘制游戏结束消息。

我怎样才能实现这个目标?

最佳答案

请确保在绘制游戏结束消息之前取消了间隔。

如果没有看到你的代码,就不可能确切地知道发生了什么,但你可以尝试设置一个变量来指示游戏结束,然后再绘制“游戏结束”文本并在绘制蛇之前测试该变量。

关于javascript - HTML Canvas 中的 Z 索引,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30273174/

相关文章:

javascript - 使用 Canvas 绘制圆形图像导致结果略有不同

javascript - AngularJS 多个 ngApps,每个都有自己的 ngRoute 定义,在一页上延迟加载和引导

javascript - 什么时候以及为什么创建自定义异常是好的?

javascript - 显示模块模式时的额外括号

javascript - 按钮不响应 Ionic 中的点击

javascript - Canvas 图的动态缩放

javascript - 在 div 中动态调整文本大小并响应

css - 彼此相邻的 Div 用于导航

javascript - knockout : More confusion with indexOf returning -1

html - URI 以两个斜杠开头……它们的行为如何?