Grayscale
Convert colors to black and white
Usage
<Shader>
<Grayscale>
<Circle />
</Grayscale>
</Shader>
<Shader>
<Grayscale>
<Circle />
</Grayscale>
</Shader>
<Shader>
<Grayscale>
<Circle />
</Grayscale>
</Shader>
<Shader>
<Grayscale>
<Circle />
</Grayscale>
</Shader>
import { createShader } from 'shaders/js'
const shader = await createShader(canvas, {
components: [
{ type: 'Grayscale', props: {}, children: [
{ type: 'Circle', props: {} }
]}
]
})