Shaders
header.lightDarkMode D
Gallery

A dynamic smoke effect shader rendered against a very dark near-black background (#040414). The smoke particles emit from the mouse position and flow upward with a warm color gradient transitioning from golden tan (#e2b25c) at the source to deep reddish-brown (#7f472d) as the particles dissipate. The smoke has a soft, organic appearance with moderate detail and spread, creating wispy, billowing formations that gradually fade and disperse. The particles move with a slight upward gravity bias (0.5) and directional flow at 36 degrees, creating a natural rising motion. The effect has a warm, earthy atmosphere with good opacity and smooth blending. The smoke trails show color decay and dissipation over distance, with the particles becoming increasingly transparent as they move away from the emission point. The overall mood is warm, smoky, and atmospheric with a sense of gentle upward movement and organic particle behavior.

Code

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <SolidColor color="#040414" />
    <Smoke color-a="#e2b25c" color-b="#7f472d" :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>