CRTScreen
Retro CRT monitor simulation with scanlines
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| pixelSize | range | 128 | Density of the RGB phosphor stripes — about half this many across the canvas width (higher = smaller, finer pixels) |
| colorShift | range | 1 | Chromatic aberration amount |
| scanlineIntensity | range | 0.3 | Strength of horizontal scanlines |
| scanlineFrequency | range | 200 | Number of scanlines across screen |
| brightness | range | 1 | Screen brightness boost |
| contrast | range | 1 | Screen contrast enhancement |
| vignetteIntensity | range | 1 | Strength of corner darkening effect (0 = off) |
| vignetteRadius | range | 0.5 | How far the vignette extends inward (0 = edges only, 1 = reaches center) |
Usage
vue
<Shader>
<CRTScreen>
<Circle />
</CRTScreen>
</Shader>