Function updateCanvas

src/platforms/wasm/compiler/index.ts:462–529

* Updates the canvas with new frame data from FastLED * @param {FrameData | (Array & {screenMap?: ScreenMapData})} frameData - Frame data with pixel information and screen mapping

(frameData)

 * @param {FrameData | (Array & {screenMap?: ScreenMapData})} frameData - Frame data with pixel information and screen mapping
 */
function updateCanvas(frameData) {
  // we are going to add the screenMap to the graphicsManager
  if (frameData.screenMap === undefined) {
    console.warn('Screen map not found in frame data, skipping canvas update');
    return;
  }
  if (!graphicsManager) {
    // Ensure graphicsArgs has required properties
    const currentGraphicsArgs = {
      canvasId: canvasId || 'canvas',
      threeJsModules: graphicsArgs.threeJsModules || null,
      ...graphicsArgs
    };

    // Try to create graphics manager - default to ThreeJS (gfx=1) if not specified
    try {
      if (FORCE_FAST_RENDERER) {
        console.log('Creating Fast GraphicsManager with canvas ID (gfx=0)', canvasId);
        graphicsManager = new GraphicsManager(currentGraphicsArgs);
      } else {
        // Default to ThreeJS renderer (gfx=1) if no parameter specified
        const explicitlyRequested = FORCE_THREEJS_RENDERER ? 'gfx=1' : 'default (gfx=1)';
        console.log(`Creating Beautiful GraphicsManager with canvas ID (${explicitlyRequested})`, canvasId);
        graphicsManager = new GraphicsManagerThreeJS(currentGraphicsArgs);
      }
    } catch (error) {
      console.error('Failed to create graphics manager:', error);

      const errorDisplay = document.getElementById('error-display');
      if (errorDisplay) {
        errorDisplay.textContent = `Graphics initialization failed: ${error.message}`;
        errorDisplay.style.color = '#ff6b6b'; // Red error color
      }
      return; // Exit early on failure
    }

    // Expose graphics manager globally for video recorder initialization
    window.graphicsManager = graphicsManager;

    uiCanvasChanged = false;
  }

  if (uiCanvasChanged) {
    uiCanvasChanged = false;
    try {
      graphicsManager.reset();
    } catch (resetError) {
      console.error('Graphics manager reset failed:', resetError);
      // Try to recreate the graphics manager
      graphicsManager = null;
      updateCanvas(frameData); // Recursive call to recreate
      return;
    }
  }

  try {
    graphicsManager.updateCanvas(frameData);
  } catch (updateError) {