Impression Trail 4

A digital shader effect displaying a topographic or elevation map rendered with a distinctive dithered aesthetic. The image features a bright blue background (#3b4be9) with lime-green (#68dc1e) pixelated patterns creating a stippled, dotted texture throughout. The green pixels form geographical contours and landmass shapes across the top and scattered throughout the composition, resembling an abstract map or terrain visualization. The dithering effect uses a blue noise pattern with 3-pixel blocks, creating a granular, retro-digital appearance. The green elements appear to represent elevated areas or data points, while the blue represents lower elevations or empty space. A subtle paper texture overlay adds fine grain and displacement to the entire composition, creating a slightly rough, tactile quality. The overall mood is technical and analytical, with a cyberpunk or data-visualization aesthetic. The image has a flat, 2D appearance with no depth or perspective distortion, maintaining consistent pixel density across the frame.

<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="#3b4be9" color-b="#68dc1e" 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>