如何提高HTML5遊戲中的許多對象的性能？

當需要顯示許多物體並計算位置，碰撞檢測，反應等時我需要做什麼，我希望一切看起來順利？這是我正在開發的example。我想，如果我在屏幕上有100個球，我可以順利地展示給他們。但我不知道如何去做。每一個建議將不勝感激。如何提高HTML5遊戲中的許多對象的性能？

2013-05-02 Alex Text

它運行順利在'2.7GHz的i5'。你將不得不顯示一些片段來查看你的代碼是否可以簡化爲[性能]（http://ie.microsoft.com/testdrive/performance/fishbowl/） – 2013-05-02 12:19:03

的基本步驟，以改善性能帆布可以在這個HTML5 Rock的Canvas Performance Tutorial中看到。

而且，如果您可以自由處理沒有Box2D的碰撞檢測，請檢查此quad-tree implementation。四叉樹不直接處理碰撞，但可以通過減少檢測碰撞所需的比較量來提高性能。

文章建議進一步閱讀：

2013-05-03 04:27:40

我看到你使用box2d - 一個優秀和成熟的物理圖書館。好的選擇！

Box2d已經很好地優化過了...而且很多眼球都在尋找代碼來尋找進一步的優化。因此（如果您的設計需要許可），您的改進路徑是用更簡單的碰撞功能取代這個大型圖書館。

看看這套視頻教程。忽略它針對processingJS的事實，它仍然提供了關於遊戲物理和處理碰撞的很好的教程。跳到第二個鏈接，如果你已經是好物理學基礎知識：

的圓形物體的碰撞

2013-05-02 16:05:54 markE

回答