Shaders
header.lightDarkMode D
Gallery

A soft, ethereal shader effect displaying four vertical tower-like structures composed of white dotted patterns against a muted mauve-pink background. The structures are created through a combination of dithering and plasma effects, resulting in a grainy, stippled appearance with varying density. The leftmost and rightmost towers are more densely populated with white dots, creating solid-looking formations, while the center towers appear more dispersed and ethereal. The dither pattern uses an 8x8 Bayer matrix with a pixel size of 7, creating a characteristic checkerboard-like granulation throughout. A wave distortion effect with square wave type at 285 degrees adds subtle undulating movement to the composition. The overall aesthetic is dreamlike and atmospheric, with the white dotted elements appearing to fade and disperse toward the top of the image, creating a sense of upward motion or dissipation. The blend of the plasma effect (with 0.3 density and 1.3 intensity) generates organic, cloud-like formations within the dithered structure, while the wave distortion adds subtle warping that creates a sense of depth and movement. The color palette is restrained and elegant, dominated by soft purples and whites with high contrast between the dotted elements and background.

Code

vue
<script setup lang="ts">
import {
  Shader,
  Dither,
  Plasma,
  WaveDistortion
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <Dither color-a="#d1c2cf" pattern="bayer8" :pixel-size="7" :threshold="0.41">
      <Plasma color-a="#ffffff" :contrast="0.9" :density="0.3" :intensity="1.3" :speed="1" />
      <WaveDistortion :angle="285" edges="mirror" :frequency="1.8" :strength="1" :visible="true" wave-type="square" />
    </Dither>
  </Shader>
</template>