simpleGame库有一个方便的功能，称为GameButton，用于在您的HTML5游戏中添加一个按钮到移动设备的屏幕。键盘是在标准浏览器中获得输入的最简单方法之一，但大多数移动设备没有键盘。第一个问题是如何在没有键盘的情况下获得用户输入。
GameButton自定义按钮对象以标准HTML按钮的功能开始，但是添加了一些技巧以使其适用于游戏。您可以使用普通鼠标或触摸控制按钮激活按钮，使其成为可在两种设备上播放的游戏的理想选择。按钮。 html页面显示了按钮的实际操作：
按钮。 html var btnMove; var game; var球;函数init（）{game = new Scene（）;游戏。 setSize（200，200）; ball = new Sprite（game，“redBall.png”，25,25）;球。 （0）setSpeed;球。 setPosition（100，100）; btnMove = new GameButton（“Move”）; btnMove。 setPos（70，150）; btnMove。 setSize（60，30）; 游戏。 start（）;} //结束init函数update（）{游戏。明确（）; checkButtons（）; 球。 update（）;} // end update function checkButtons（）{ if（btnMove。isClicked（））{ ball。 （3）setSpeed; 其他{ 球。 （0）setSpeed; } // end if } //结束checkButtons 像往常一样，新的和有趣的元素用粗体表示。以下是如何将游戏按钮添加到游戏：
-
构建GameButton对象。在init（）方法中构建GameButton对象。单个参数指示按钮的标题。
设置按钮的大小和位置。
-
您需要考虑一下您的游戏在移动设备上的工作原理。把你的按钮放在游戏者可以轻松到达的地方，而不会阻挡太多的视野。请注意，您还需要使按钮足够大，以便在游戏过程中按下按钮。 （对于基于平板电脑的游戏，屏幕上的按钮要好得多。）
-
更新（）期间检查按钮状态。正如你在update（）函数中通常检查键盘状态一样，你也可以调用一个函数来检查你的按钮状态。当然，你需要写这个函数。
读取按钮的isClicked（）方法。
如果当前正按下按钮，则isClicked（）的值为true。如果该按钮当前未被按下，则isClicked（）返回false。使用此方法确定每个按钮的当前状态并相应地执行操作。 -
像键盘一样对待按钮。
由于测试按钮最终会返回布尔值（true或false），因此检查按钮通常会感觉非常像检查键盘。考虑仅在必要时添加按钮。
-
如果你愿意，你可以设计一个游戏来显示（和测试）按钮，只有当触摸屏可用。 Scene对象有一个特殊的变量叫做touchable。如果库感觉到触摸屏，则该变量为真，否则为false。您可以使用此变量来生成适应游戏环境的自定义界面。
通常，您将在界面上添加多个按钮，一个用于替换您希望用户使用的每个按键（例如箭头和空格键）。这样，您可以在屏幕上创建一个虚拟键盘。您可能需要测试每个键的大小和位置才能获得舒适的游戏体验。
-
请注意，按钮的标题是普通的HTML，所以如果您想基于图像制作按钮，可以简单地将相应的
标记添加为按钮标题。
