0

我在画布上设计了一个小游戏，我想为它添加一个界面（只是一个标准的东西，带有声音切换和其他设置等菜单选项）。

在 Angry Birds html5 (http://chrome.angrybirds.com) 中，除了 canvas 之外，他们没有任何 html 元素来处理他们的界面。

我只是想知道，我的整个游戏都用 html5 画布设计，然后用户界面完全使用 div 等 html 元素设计，并带有 css 样式，这对我来说是个坏习惯吗？

我想另一种方法是以某种方式编写某种碰撞系统来确定用户在屏幕上单击的位置。

我希望有人可以在这里为我指出正确的方向，并告诉我哪种方法（纯画布或带有 html 元素）最适合我的画布游戏。我在这里 100% 关心的是性能，测试两者都需要几天时间，而且会非常痛苦。enter code here

4

1 回答 1

1

确定用户在画布上单击的位置并不难。我使用图书馆gee这使它变得非常容易。只需按照 API 中的示例创建您的 gee 画布并始终访问鼠标位置（g.mouseX、g.mouseY）和鼠标操作（g.mousedrag、g.mousedown、g.mouseover、ecc...）。当然，它还处理动画（g.draw）的自动刷新。

关于您的问题：是否使用 CSS 在画布中或外部制作 UI 取决于您。通常，您不需要关心用户界面的性能，也没有“更好的方法”：您的性能取决于您如何实现代码。一个糟糕的实现可能会导致性能滞后，无论您使用何种技术来连接它。

于 2012-04-06T02:29:58.297 回答