Apply flame return the base transformation without applying the final component.

fn applyFlames(p: vec2<f32>, componentIdx: u32) -> vec2<f32> {
    let newP = applyComponent(p, flames.components[componentIdx]);
    return newP;
    return applyComponent(p, flames.finalComponent);
}

Density estimation handled in compute shader.
Can be toggled on/off.

Simply downsample the heatmap.

Coloration done in a compute shader.
The maximum size allowed for gpu storage buffer will be a problem.
The maximum number of storage buffer per shader is also problematic.

Parameters :

• zoom
• rotation
• flames
  • IFS transform (a, b, c, e ,f ,g)
  • Variations component (id / parameter)
  • Final variations (id / parameter)
• number of iteration per unit

Output :

• Heatmap
• Color accumulator for palette
• Color accumulator for index

Render logic should be expressed as a webgpu render pipeline, instead of javascript hosted in a worker.

IE: 1 vertex shader, and 3 fragment shader with some uniform and binding layout.

Performance can be drastically improved by using WebGpu as it offer compute shaders capacity for the heatmap generation :

• #2
• #3
• #4
• #5
• #6