代码之家 › 专栏 › 技术社区 › Joey

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

html5-animation html5-canvas gwt javascript

Joey · 技术社区 · 13 年前

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

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

你认为我应该用哪种技巧来写一个类似老虎机的游戏?HTML5画布,纯JS/GWT动画,还是HTML5动画?
我需要为游戏使用一些音频,但我对此很陌生,我不知道我可以使用什么库或技术来制作音频。请给我一些建议。

谢谢

1 回复 | 直到 13 年前

Hasith 13 年前

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

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

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

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

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前