Smokescreen 3

A dynamic smoke effect shader rendered against a very dark near-black background (#040414). The primary visual element is an ethereal plume of smoke that transitions between soft pink (#e0a2ad) and deep magenta-red (#e2244c) hues. The smoke appears to emit from a central point and billows upward with organic, turbulent motion. The effect features soft, feathered edges with significant blur and transparency gradients, creating a diffuse, atmospheric quality. The smoke has high detail with visible turbulence patterns (detail level 7) and spreads across approximately 60 degrees. The particles appear to have slight downward gravity (0.5) creating a natural settling effect. The overall mood is ethereal and moody, with the warm pink-to-red color gradient creating visual depth and dimension. The smoke dissipates gradually toward the edges with a colorDecay value of 1.4, causing the colors to shift and fade naturally. The effect responds to mouse position with an influence radius, suggesting interactive particle behavior. The blending is set to normal mode with full opacity, allowing the vibrant colors to stand out against the dark background.

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <SolidColor color="#040414" />
    <Smoke color-a="#e0a2ad" color-b="#e2244c" :color-decay="1.4" color-space="oklab" :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>