Offscreen canvas demo

What: OffscreenCanvas allows <canvas> rendering contexts (2D and WebGL) to be used in workers. This can increase parallelism and better performance on multi-core systems.

Support: Available in Chrome 69. FF is in development.

Your browser does not support OffscreenCanvas.

Demo: The canvas animation is fully driven inside of the worker. Worker.requestAnimationFrame() is used to drive the animation withi the worker and pixels are manipulated / drawn to the canvas using OffscreenCanvas. The worker introduces jank to the animation every so often to simulate a CPU-intensie operation. However, the main thread says responsive!

Instructions: Select an image below. Click during jank. It stays responsive.