隐藏多个HTML5 Canvas元素,直到用户选择它们为止?

时间:2014-04-29 03:30:11

标签: javascript html5 canvas

以下是该方案:

我有多个HTML5画布,所有这些都是不同的游戏。我想要一个画布主屏幕,用户可以在其中选择他们想要玩的游戏。选择后,将显示所选游戏的画布,用户可以播放它。

我可以使用“display:none;”使画布不可见,但用户输入仍然处于激活状态。例如,一个游戏使用空格键。如果用户单击主屏幕上的空格键,则该画布仍会被激活,即使它已被隐藏,也会显示警报。

基本上,我想完全禁用画布,直到用户选择它为止,而不是“display:none;”。这可能吗?

先谢谢!

1 个答案:

答案 0 :(得分:0)

可能你需要管理你的游戏状态,如果在你的页面中只能执行一个游戏,1只需要执行一个游戏实例,那么,如果有更多,我可以从你的页面中得到什么?然后一个游戏接受空格键作为用户输入?