javascript - html5 canvas 和纯 Javascript/GWT 的游戏性能

Question

我想写一个动画游戏，它需要很多动画一直运行，比如在老虎机上滚动卡片/图像。我想知道我是应该主要使用纯 GWT/Javascript 来运行动画，还是使用 HTML5 Canvas 或 HTML5 动画来实现这一点。我知道如果我使用 HTML5 canvas 我可能能够制作出更花哨的动画或图形，但我也更关心性能，因为有多个“动画”同时运行，就像在 5 列插槽中滚动这么多图像一样机器。在这种情况下，我认为性能是最重要的。

我听说用 Canvas 画东西真的很贵。所以我不确定在 Canvas 中继续滚动图像是否也很昂贵。

1. 您认为我应该使用哪种技术来编写老虎机之类的游戏？ HTML5-Canvas、纯 JS/GWT-动画，还是 HTML5-动画？

2. 我需要为游戏使用一些音频，但我对此很陌生，我不知道我可以为音频使用哪些库或技术。请给我一些建议。

谢谢。

Answer 1

如果你有很多图形动画，Canvas 2D 将是一个不错的选择。如果您正在处理矢量形状，简单的动画 SVG 可能是一种选择。我不会选择 GWT，因为 Java 的抽象层可能会阻碍您使用 HTML/CSS/JS 的全部功能。

如果选择纯 JS 和 Canvas，请确保使用基本游戏库。我用了jawsjs这对于简单的游戏来说是可以的。如果需要引用，请查看并观察以下基于 Canvas 2D 的游戏的性能。如果您需要它的代码作为引用，请告诉我。

http://99challenge.com/_index.html

在音频方面，几乎没有挑战。 Firefox 的行为不同于所有其他浏览器，并且具有相当不稳定的音频支持。您可能需要寻找 Flash 支持才能使音频在 FF 上正常工作。