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

html5画布和纯Javascript/GWT的游戏性能,javascript,gwt,html5-canvas,html5-animation,Javascript,Gwt,Html5 Canvas,Html5 Animation,我想写一个动画游戏,需要大量的动画运行的所有时间,像在老虎机滚动卡/图像的东西。我想知道我应该主要使用纯GWT/Javascript来运行动画,还是使用HTML5画布或HTML5动画来实现这一点。 我知道如果我使用HTML5 canvas,我可能会制作出更奇特的动画或图形,但我也更关心性能,因为有几个“动画”同时运行,就像在5列老虎机中滚动这么多图像一样。在这种情况下,我认为性能是最重要的 我听说在画布上画东西真的很贵。所以我不确定我是否继续在画布上滚动图像也很昂贵 你认为我应该用什么技巧来编写

我想写一个动画游戏,需要大量的动画运行的所有时间,像在老虎机滚动卡/图像的东西。我想知道我应该主要使用纯GWT/Javascript来运行动画,还是使用HTML5画布或HTML5动画来实现这一点。 我知道如果我使用HTML5 canvas,我可能会制作出更奇特的动画或图形,但我也更关心性能,因为有几个“动画”同时运行,就像在5列老虎机中滚动这么多图像一样。在这种情况下,我认为性能是最重要的

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

  • 你认为我应该用什么技巧来编写像吃角子老虎机这样的游戏?HTML5画布、纯JS/GWT动画还是HTML5动画

  • 我需要在游戏中使用一些音频,但我对这一点非常陌生,我不知道我可以使用什么库或技术来制作音频。请给我一些建议


  • 谢谢。

    如果您有很多图形动画,Canvas 2D将是一个不错的选择。如果您处理的是矢量图形,简单动画SVG可能是一个选项。我不会选择GWT,因为Java的抽象层可能会妨碍您充分利用HTML/CSS/JS的能力

    如果选择纯JS和画布,请确保使用基本游戏库。我用的是适合简单游戏的。如果您需要参考,请查看并观察以下基于Canvas 2D的游戏的性能。如果您需要它的代码作为参考,请告诉我


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

    还可以看到这段视频,该视频描述了谷歌HTML5游戏开发中的挑战:我不认为GWT是一个坏选项,因为它实际上并不隐藏对HTML/JS/CSS的访问。你可能不需要任何抽象概念。在这种情况下,它没有那么有用,但肯定可以帮助JS优化、调试和跨浏览器兼容性。事实上,谷歌应用程序的愤怒的小鸟不是用GWT制作的吗。我自己也没用过,但在谈论HTML5游戏时,它总是会出现。