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