Impression Trail 8

A soft, atmospheric shader effect dominated by a warm yellow-green gradient that creates a hazy, diffused appearance. The image shows a pixelated dithering pattern with blue noise applied across the entire composition, creating a grainy, stippled texture throughout. The underlying image texture (appears to be an architectural scene with buildings) is heavily obscured by the dither effect, visible only as faint silhouettes in the mid-tones. The color palette transitions between lime-yellow (#bbc435) and bright yellow (#ffeb0a) through the dithering algorithm, with the dither threshold dynamically mapped to create varying density of pixels. A subtle paper texture overlay adds fine-grain roughness with 0.21 roughness value and 0.2 displacement, creating a tactile, almost canvas-like surface quality. The overall effect is a heavily stylized, posterized look with significant noise and grain, giving the image a retro digital or print-like aesthetic. The atmosphere is warm and slightly muted, with the dithering creating a diffusion effect that softens all details into an impressionistic composition.

<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="#bbc435" color-b="#ffeb0a" 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>