Function render

examples/grid-test/main.ts:126–158

()

    // Render loop
    function render() {
      if (!gpuContext || !gridRenderer) return;

      const textureView = getCanvasTexture(gpuContext).createView();
      const commandEncoder = gpuDevice.createCommandEncoder();

      const renderPassDescriptor: GPURenderPassDescriptor = {
        colorAttachments: [
          {
            view: textureView,
            clearValue: { r: 0.1, g: 0.1, b: 0.15, a: 1.0 },
            loadOp: 'clear',
            storeOp: 'store',
          },
        ],
      };

      const passEncoder = commandEncoder.beginRenderPass(renderPassDescriptor);

      // Render grid
      gridRenderer.render(passEncoder);

      // Render axes + ticks
      xAxisRenderer?.render(passEncoder);
      yAxisRenderer?.render(passEncoder);

      passEncoder.end();

      gpuDevice.queue.submit([commandEncoder.finish()]);

      // Continue rendering
      animationFrameId = requestAnimationFrame(render);
    }

    // Start render loop
    render();