Impression Trail 6

A warm-toned shader effect displaying a thermal or heat-map aesthetic with a dominant coral-red background (#c14b4e). The image shows a dithered pattern using blue noise with a pixelated appearance (3-pixel size), creating a grainy, stippled texture throughout. Golden-yellow (#f5b43b) particles and dotted patterns are scattered across the composition, forming abstract architectural or landscape silhouettes in the upper and middle portions. The dithering threshold is dynamically mapped from an invisible ChromaFlow component, creating varying density of the gold-yellow speckles that concentrate in certain areas to suggest depth and form. A subtle paper texture overlay (roughness 0.21, displacement 0.2) adds tactile grain and surface irregularity. Simplex noise with minimal opacity creates additional subtle texture variation. The overall effect resembles a thermal imaging visualization or a retro computer-generated landscape, with the dithering pattern giving it a pixelated, low-resolution aesthetic reminiscent of early digital art or thermal cameras. The composition has a dreamlike, atmospheric quality with warm colors dominating and creating a sense of heat or energy.

<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="#c14b4e" color-b="#f5b43b" 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>