Function render

src/renderers/createCandlestickRenderer.ts:456–484

(passEncoder)

  };

  const render: CandlestickRenderer['render'] = (passEncoder) => {
    assertNotDisposed();

    if (!instanceBuffer || instanceCount === 0) return;

    // Apply scissor rect to clip to plot area
    if (lastScissor && lastCanvasWidth > 0 && lastCanvasHeight > 0) {
      passEncoder.setScissorRect(lastScissor.x, lastScissor.y, lastScissor.w, lastScissor.h);
    }

    passEncoder.setPipeline(pipeline);
    passEncoder.setBindGroup(0, bindGroup);

    // Pass 1: Draw all candles (18 vertices per instance)
    passEncoder.setVertexBuffer(0, instanceBuffer);
    passEncoder.draw(18, instanceCount);

    // Pass 2: For hollow mode, draw body-only punch-out for UP candles
    if (hollowMode && hollowInstanceBuffer && hollowInstanceCount > 0) {
      passEncoder.setVertexBuffer(0, hollowInstanceBuffer);
      // Draw only body vertices (0-5) by drawing 6 vertices per instance
      passEncoder.draw(6, hollowInstanceCount);
    }

    // Reset scissor to full canvas
    if (lastScissor && lastCanvasWidth > 0 && lastCanvasHeight > 0) {
      passEncoder.setScissorRect(0, 0, lastCanvasWidth, lastCanvasHeight);
    }
  };

  const dispose: CandlestickRenderer['dispose'] = () => {
    if (disposed) return;