Smokescreen 5
SmokescreenA dynamic smoke effect shader rendered against a very dark near-black background (#040414). The composition features billowing smoke particles that emit from the center and spread outward with directional flow. The smoke displays a warm-to-cool color gradient, transitioning from golden tan (#be9558) in the brighter, denser regions to deep magenta-purple (#aa275f) in the dispersing outer areas. The effect creates a soft, diffused appearance with significant blur and feathering at the edges, giving the smoke an ethereal, atmospheric quality. The particles appear to rise and spread with gentle gravity influence, creating organic, flowing shapes that suggest upward motion with lateral dispersion. The overall mood is mysterious and ethereal, with warm golden highlights contrasting against cool purple-magenta shadows. The smoke has a semi-transparent quality with varying opacity levels, creating depth and layering effects. The blend mode and color space (oklab) produce smooth, natural color transitions between the warm and cool tones.
Code
<script setup lang="ts">
import {
Shader,
Smoke,
SolidColor
} from 'shaders/vue'
</script>
<template>
<Shader
:disable-telemetry="true"
>
<SolidColor color="#040414" />
<Smoke color-a="#be9558" color-b="#aa275f" :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>