Impression Trail 9
Impression TrailA soft, dreamy gradient background transitioning from mint green (#3fe9a2) in the lower portion to a muted purple-gray (#9a7cdc) in the upper portion. The entire composition features a dithered texture created by blue noise pattern with 3-pixel blocks, giving it a grainy, stippled appearance reminiscent of vintage print or pointillism. Overlaid on this is a subtle paper texture with light displacement and grain at 0.1 scale, adding tactile roughness and organic irregularity. The dithering creates a noticeable speckled pattern throughout, with varying density that follows the underlying gradient threshold mapping. A faint simplex noise layer adds additional micro-texture with very subtle white highlights (17% opacity) scattered across the surface. The overall effect is soft and atmospheric with a retro-digital aesthetic, combining smooth color gradients with intentional pixelation and grain. The mood is calm and ethereal, with the mint-to-purple transition creating a cool, soothing palette. No sharp edges or defined shapes are present; instead, the composition relies on texture and color gradation for visual interest.
Code
<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="#3fe9a2" color-b="#9a7cdc" 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>