html5画布和纯Javascript/GWT的游戏性能

game performance of html5 canvas and pure Javascript/GWT

本文关键字：GWT 游戏 游戏性 性能 Javascript html5      更新时间：2023-09-26

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

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

  1. 你认为我应该用哪种技术来写一个类似老虎机的游戏？HTML5画布，纯JS/GWT动画，还是HTML5动画？

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

谢谢。

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

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

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

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

相关文章：