Shaders
header.lightDarkMode D
Gallery

Impression Trail 3

Impression Trail

A vibrant lime-green background (#7dc310) with a sophisticated dithering effect applied across the entire composition. The dither pattern uses blue noise with a 3-pixel size, creating a granular, stippled texture throughout. Overlaid on this are organic, cloud-like formations rendered in white (#ffffff) with varying opacity levels, distributed across the upper portion and scattered throughout the middle and lower sections. These white elements appear to be noise-based textures with soft, diffused edges. The overall effect combines a retro computer graphics aesthetic with modern shader techniques. A subtle paper texture with displacement (0.2) and low roughness (0.21) adds tactile quality and micro-surface variation. The composition has a slightly noisy, analog quality enhanced by the SimplexNoise layer (colorA: #ffffff17) which introduces fine white grain at low opacity. The spatial distribution creates depth through varying opacity and scale, with denser dithering patterns in certain regions. The atmosphere is clean, minimalist, and slightly grainy, suggesting a digital art piece with intentional texture layering. The blend modes are set to normal throughout, maintaining color integrity while building visual complexity through layering.

Code

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <ChromaFlow id="idmostv5d9xi2rmvn45" base-color="#ffffff" down-color="#ffffff" :intensity="1.4" left-color="#ffffff" :momentum="10" :radius="4" right-color="#ffffff" up-color="#ffffff" :visible="false" />
    <Dither color-a="#7dc310" color-b="#ffefe6" pattern="blueNoise" :pixel-size="3" :threshold="{ type: 'map', source: 'idmostv5d9xi2rmvn45', channel: 'alpha', inputMax: 1, inputMin: 0, outputMax: 0.79, outputMin: 0.1 }">
      <ImageTexture url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/gZx9yjLKI7VJ.jpeg" />
      <SimplexNoise :balance="-0.5" color-a="#ffffff17" color-b="#00000000" />
    </Dither>
    <Paper :displacement="0.2" :grain-scale="0.1" :roughness="0.21" />
  </Shader>
</template>