Enhance real-time performance on HTML5 canvas effects

To enhance HTML5 canvas performance:

• Image smoothing should be disabled
• Render in half resolution
• Use drawImage() to update main canvas 
• You need to use integer coordinates and sizes
• Usage of requestAnimationFrame() 
• You need to use while loops as often as you can

Samual Sam

Learning faster. Every day.

Updated on: 28-Jan-2020

442 Views

Kickstart Your Career

Get certified by completing the course

Get Started