Toggle Sidebar B
Light & dark mode D

CRTScreen

Retro CRT monitor simulation with scanlines

Retro CRT monitor simulation with scanlines

Props

PropTypeDefaultDescription
pixelSizerange128Size of individual TV pixels (lower = more pixels)
colorShiftrange1Chromatic aberration amount
scanlineIntensityrange0.3Strength of horizontal scanlines
scanlineFrequencyrange200Number of scanlines across screen
brightnessrange1Screen brightness boost
contrastrange1Screen contrast enhancement
vignetteIntensityrange1Strength of corner darkening effect (0 = off)
vignetteRadiusrange0.5How far the vignette extends inward (0 = edges only, 1 = reaches center)

Usage

vue
<Shader>
  <CRTScreen>
    <Circle />
  </CRTScreen>
</Shader>