Dither Logo 2

A modern, vibrant shader effect displaying a stylized 'ode' text composition on a gradient background. The background features a radial gradient transitioning from cyan in the corners to purple in the center, creating a smooth, luminous backdrop. The main text elements are constructed from geometric shapes with a cyan/light-blue outline stroke and semi-transparent purple fill. Overlaid on the composition is an animated plasma effect with yellow-green and purple color shifts, creating organic, flowing distortions across the design. The plasma generates a dynamic, wavy appearance with high contrast and intensity, particularly visible as bright yellow-green accents along the edges and curves of the letterforms. A subtle dithering pattern with white pixels is applied using a Bayer 8 pattern with linear dodge blending, adding a grainy, pixelated texture that enhances the digital aesthetic. The overall effect creates a contemporary, neon-like appearance with smooth gradients contrasted against sharp, geometric letterforms. The composition has a glowing, ethereal quality with the plasma effect creating movement and energy throughout the design.

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <ImageTexture id="idmmaykb1vflvohydj1" object-fit="contain" :transform="{ scale: 0.6 }" url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/c42DCkk-W-da.svg" :visible="false" />
    <RadialGradient color-a="#6c20c6" color-b="#60b7e0" color-space="oklab" />
    <Plasma :balance="63" color-a="#9a9e56" color-b="#695bcb" color-space="hsl" :contrast="2.6" :density="1.7" :intensity="3" mask-source="idmmaykb1vflvohydj1" />
    <Dither blend-mode="linearDodge" color-mode="source" pattern="bayer8" :pixel-size="2" :threshold="0.96" />
  </Shader>
</template>