是否可以使用纯HTML在浏览器中制作游戏？

Question

是否可以根据divs，<imgs>，HTML5，CSS3和good ole'jQuery在浏览器中制作游戏？根据{{​​3}}，浏览器渲染速度现在非常好，这是我甚至考虑这个选项的唯一原因。他的回答是否适用于用vanilla HTML创建游戏？

Answer 1

是。这是一部HTML5“愤怒的小鸟”，“割绳子”，甚至是“吃人”。

Answer 2

是。 DHTML games已经存在了十多年，HTML 5通过CANVAS提供了相当高级的渲染。查看Microsoft的IE engine渲染示例，了解您可以预期的性能类型（有些东西比其他东西表现更好 - 大多数都非常令人印象深刻）。

查看这个小HTML 5 MMO项目和Illyriad（声称基于HTML 5）。

是否可以编写没有CANVAS元素的游戏？在视觉上，你将受到限制，但逻辑仍然很复杂。游戏引擎应该基于高性能结构，而不是DOM元素。例如，如果您在2D字段上计算碰撞，则可以评估矩阵并仅重绘受影响的元素。你不应该评估DOM元素的位置，因为这将非常慢。

Answer 3

我还不完全清楚你所说的“纯HTML”是什么意思，因为你也提到了HTML5。如果你只是想在没有插件的情况下在浏览器中创建什么，那么我将看看在Canvas和SVG中完成的工作。真正改变了我对可能性的看法的例子是CAKE库的演示，您可以查看here。可悲的是，它超出了IE8（不确定IE9，我不能从我所在的地方测试它）但它在iPad上运行良好，让我感到惊讶。

Answer 4

严格使用DOM是可能的，但不太可能。我实际上想要这样做，所以我想使用jQuery UI javascript来移动项目并执行碰撞检测等等......看到使用严格的dom元素和javascript的游戏将是非常好的。

如果你曾经玩过任何那些移动块来解决一个益智游戏（我不知道他们叫什么，但我打赌它像“阻止”）这样的东西很可能与严格的Div元素和Javascript我会为你的这种演习鼓掌。

Answer 5

  

是否可以使用纯HTML在浏览器中制作游戏？

是的，但它相对有限;你不会制作具有复杂3D世界，音频和动画的魔兽世界而不会造成严重的性能损失。

Answer 6

是和否。

愤怒的小鸟，Fieldrunners等大多数游戏在使用canvas新标签时会使用所谓的“HTML5”。

使用DOM制作游戏是不可能的（除非你正在写乒乓球，但仍然......）。 DOM太慢了。

画布是您可以操作以在位图上绘制的元素。在javascript中。

您应该阅读this answer以了解根据您的使用情况（DOM与Canvas vs SVG）对API的使用选择。