Pixel Beams 3
Pixel BeamsA vibrant magenta and pink gradient background with a sophisticated dithering effect creating a halftone-like texture. The composition features a diagonal wave distortion pattern that runs from the upper-left to lower-right, creating a sense of movement and depth. The dither pattern uses small black dots arranged in a Bayer 8x8 matrix at 7-pixel intervals, creating a grainy, stippled appearance across the entire surface. The underlying plasma effect generates organic, flowing patterns with high contrast between light and dark areas, producing a turbulent, cloud-like texture beneath the dither layer. The wave distortion applies a square-wave modulation at 165 degrees with a frequency of 1.8, creating diagonal striations and a subtle warping effect that gives the image a dynamic, almost liquid quality. The overall mood is energetic and modern, with the combination of geometric dithering and organic plasma creating visual tension. The edges fade to transparency, allowing the effect to blend seamlessly. The color palette transitions smoothly between bright magenta (#f931bc) and deep purple (#80108a), with the plasma layer adding white and black accents that enhance contrast and visual interest.
Code
<script setup lang="ts">
import {
Shader,
Dither,
Plasma,
WaveDistortion
} from 'shaders/vue'
</script>
<template>
<Shader
:disable-telemetry="true"
>
<Dither color-a="#f931bc" color-b="#80108a" 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="165" edges="mirror" :frequency="1.8" :strength="1" :visible="true" wave-type="square" />
</Dither>
</Shader>
</template>