Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 定位200+;分区';每一个滴答声,HTML5会更快吗<;帆布>;标签?_Jquery_Html_Html5 Canvas - Fatal编程技术网

Jquery 定位200+;分区';每一个滴答声,HTML5会更快吗<;帆布>;标签?

Jquery 定位200+;分区';每一个滴答声,HTML5会更快吗<;帆布>;标签?,jquery,html,html5-canvas,Jquery,Html,Html5 Canvas,我正在用jQuery创建一个游戏,在这个游戏中,我需要每滴答(大约0.02秒)更新200+(有时是300)个div。现在的性能非常好(尽管有极限),并且可以在大多数浏览器上运行 我的游戏使用“units”,一个具有Create()和Update()函数的类。 Create()创建一个32x32大小的div并为其命名,而Update()通过两个重要的css调用设置位置: $("#unit"+this.uid).css("left", posx+"px"); $("#unit"+th

我正在用jQuery创建一个游戏,在这个游戏中,我需要每滴答(大约0.02秒)更新200+(有时是300)个div。现在的性能非常好(尽管有极限),并且可以在大多数浏览器上运行

我的游戏使用“units”,一个具有Create()和Update()函数的类。 Create()创建一个32x32大小的div并为其命名,而Update()通过两个重要的css调用设置位置:

    $("#unit"+this.uid).css("left", posx+"px");
    $("#unit"+this.uid).css("top", posy+"px");
我被告知HTML5会运行得更快,“因为HTML5画布的内容不会改变DOM树”。这对我的情况会有影响吗?我想自己测试一下,但我对HTML5没有经验或知识,我想知道我是否应该先尝试一下


提前感谢您。

您可能希望了解CSS3转换。您可以在一段时间内设置css属性的动画,而不是每个记号。它还可以在webkit浏览器上使用硬件加速功能。

您可能会感兴趣-一个支持html5和DOM元素的基于实体/组件的游戏框架。可能-我认为您得到的建议是使用html5
标记来绘制单位,而不是为每个单位使用
。我自己也没有做过类似的事情,所以我不知道在性能方面你会期望什么,但是这里有一些
的演示,包括一些游戏:这个堆栈溢出问题讨论了
性能:谢谢你们,非常有趣的链接!