Improve performance of a HTML5 Canvas with particles bouncing around

To enhance the performance of Canvas with particles bouncing around, try the following:

• Separate the calculations from the drawing.
• Request a redraw after you have updated your calculations.
• Optimize collision detection by not testing evert particle against each other.
• Reduce callback usage.
• Reduce function calls.
• Inline.

Nishtha Thakur

Updated on: 28-Jan-2020

104 Views

Kickstart Your Career

Get certified by completing the course

Get Started