Exposure

Multiplicative exposure (gain) on the child. Unlike additive brightness, it scales values around black — blacks stay black while highlights can be pushed past 1.0 to feed HDR bloom and tone-mapping roll-off. Pointwise, so no extra render pass is needed.

Props

exposurenumber

Default:1

Brightness multiplier (gain). 1 = unchanged, >1 pushes highlights past white for HDR bloom, <1 darkens.

exposure

numberDefault: 1

Brightness multiplier (gain). 1 = unchanged, >1 pushes highlights past white for HDR bloom, <1 darkens.

Usage

<Shader>
  <Exposure>
    <Circle />
  </Exposure>
</Shader>

<Shader>
  <Exposure>
    <Circle />
  </Exposure>
</Shader>

<Shader>
  <Exposure>
    <Circle />
  </Exposure>
</Shader>

<Shader>
  <Exposure>
    <Circle />
  </Exposure>
</Shader>

import { createShader } from 'shaders/js'

const shader = await createShader(canvas, {
  components: [
    { type: 'Exposure', props: {}, children: [
      { type: 'Circle', props: {} }
    ]}
  ]
})

Emboss

FallingLines

Documentation

Exposure

Props

Usage