Toggle Sidebar B
Light & dark mode D

Pixelate

Pixelation effect with adjustable cell size

Pixelation effect with adjustable cell size

Props

PropTypeDefaultDescription
scalerange50Number of pixels along the longest edge (higher = smaller pixels)
gaprange0Space between pixels as a fraction of cell size (0 = no gap, 1 = fully invisible)
roundnessrange0Roundness of each pixel's corners (0 = square, 1 = circle)

Usage

vue
<Shader>
  <Pixelate>
    <Circle />
  </Pixelate>
</Shader>