Smokescreen 2

A dynamic smoke effect shader with a dark forest green background (#04140d) serving as the base layer. The primary visual element is an interactive smoke simulation that emits from the mouse position, creating billowing plumes of color-shifting particles. The smoke transitions from a warm golden-yellow (#f2bc09) at the core to a vibrant bright green (#0fda1a) at the edges, creating a striking chromatic contrast. The particles exhibit soft, feathered edges with a glowing quality due to the linear color space rendering. The smoke spreads outward with a 60-degree spread angle and moves upward with subtle gravity influence (0.5), creating a natural rising motion. The effect demonstrates high detail (level 7) with visible turbulence and organic flow patterns. The particles gradually dissipate as they move away from the emission point, with a color decay factor of 1.4 creating a subtle fade effect. The overall atmosphere is ethereal and energetic, with the bright yellow-green contrast against the dark background creating a luminous, almost bioluminescent quality. The mouse influence parameter (0.8) allows the smoke to respond to cursor movement with a 7% emission radius, making it interactive and responsive.

<script setup lang="ts">
import {
  Shader,
  Smoke,
  SolidColor
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <SolidColor color="#04140d" />
    <Smoke color-a="#f2bc09" color-b="#0fda1a" :color-decay="1.4" :detail="7" :direction="36" :emit-from="{ type: 'mouse-position', originX: 0, originY: 0 }" :mouse-influence="0.8" :mouse-radius="0.07" :speed="6.2" />
  </Shader>
</template>