How to improve performance with many objects in game in HTML5?

Question

What things can I do when it\'s necessary to show many objects and calculate position, collision detection, reaction, etc. and I want everything look smoothly? Here\'s an exampl

Answer 1

The basic steps to improve performance in canvas can be seen in this HTML5 Rock's Canvas Performance Tutorial.

And, if you are free to handle collision detection without Box2D, check this quad-tree implementation. The quad-tree doesn't deals with collisions directly but can improve performance by reducing the amount of comparisons needed to detect the collisions.

Articles suggestion for further reading:

Broad Phase Collision Detection Using Spatial Partitioning

Collision Detection and Response

Making Games With Box2dWeb