Function createCandlestickRenderer

src/renderers/createCandlestickRenderer.ts:175–522

(device: GPUDevice, options?: CandlestickRendererOptions)

};

export function createCandlestickRenderer(device: GPUDevice, options?: CandlestickRendererOptions): CandlestickRenderer {
  let disposed = false;
  const targetFormat = options?.targetFormat ?? DEFAULT_TARGET_FORMAT;

  const bindGroupLayout = device.createBindGroupLayout({
    entries: [{ binding: 0, visibility: GPUShaderStage.VERTEX, buffer: { type: 'uniform' } }],
  });

  // VSUniforms: mat4x4 (64 bytes) + wickWidthClip f32 (4 bytes) + pad (12 bytes) = 80 bytes
  const vsUniformBuffer = createUniformBuffer(device, 80, { label: 'candlestickRenderer/vsUniforms' });
  writeUniformBuffer(device, vsUniformBuffer, createIdentityMat4Buffer()); // Default to identity

  const vsUniformScratchBuffer = new ArrayBuffer(80);
  const vsUniformScratchF32 = new Float32Array(vsUniformScratchBuffer);

  const bindGroup = device.createBindGroup({
    layout: bindGroupLayout,
    entries: [{ binding: 0, resource: { buffer: vsUniformBuffer } }],
  });

  const pipeline = createRenderPipeline(device, {
    label: 'candlestickRenderer/pipeline',
    bindGroupLayouts: [bindGroupLayout],
    vertex: {
      code: candlestickWgsl,
      label: 'candlestick.wgsl',
      buffers: [
        {
          arrayStride: INSTANCE_STRIDE_BYTES,
          stepMode: 'instance',
          attributes: [
            { shaderLocation: 0, format: 'float32', offset: 0 },
            { shaderLocation: 1, format: 'float32', offset: 4 },
            { shaderLocation: 2, format: 'float32', offset: 8 },
            { shaderLocation: 3, format: 'float32', offset: 12 },
            { shaderLocation: 4, format: 'float32', offset: 16 },
            { shaderLocation: 5, format: 'float32', offset: 20 },
            { shaderLocation: 6, format: 'float32x4', offset: 24 },
          ],
        },
      ],
    },
    fragment: {
      code: candlestickWgsl,
      label: 'candlestick.wgsl',
      formats: targetFormat,
      blend: {
        color: { operation: 'add', srcFactor: 'src-alpha', dstFactor: 'one-minus-src-alpha' },
        alpha: { operation: 'add', srcFactor: 'one', dstFactor: 'one-minus-src-alpha' },
      },
    },
    primitive: { topology: 'triangle-list', cullMode: 'none' },
    multisample: { count: 1 },
  });

  let instanceBuffer: GPUBuffer | null = null;
  let instanceCount = 0;
  let cpuInstanceStagingBuffer = new ArrayBuffer(0);