worker-visualizer

Use the worker-visualizer skill to generate an index.html file that initializes a new Worker instance. The worker handles the heavy simulation logic, while the main thread focuses exclusively on rendering the canvas.

SharedArrayBuffer allows the main thread and the Web Worker to read and write to the same memory space simultaneously. This eliminates the overhead of copying large data buffers, enabling zero-copy performance for high-frequency updates.

The skill includes a fallback mechanism using postMessage and transferable objects. If the browser environment does not support SharedArrayBuffer or cross-origin isolation, the visualizer will still function, albeit with slightly higher memory overhead.

Use OffscreenCanvas when the rendering process itself is the primary bottleneck. By transferring control of the canvas to the worker, you can perform both the simulation and the drawing operations entirely off the main thread.