Smokey Logo 3
Smokey LogoA nighttime scene rendered with thermal or night-vision imaging characteristics, dominated by luminescent lime-green and yellow-green smoke effects against a nearly black background. The primary visual element is a large, glowing arch or tunnel structure that appears to be emitting or surrounded by bright neon-green smoke (#8cff75, #a2ff30). The smoke has a turbulent, organic quality with swirling patterns and varying opacity levels, creating depth and movement. The arch structure itself is rendered in darker green tones (#54a80a, #193d20) with a semi-transparent quality. Additional darker smoke layers with muted green and blue undertones (#0b132e) flow from the bottom and right edges, creating a layered atmospheric effect. The overall mood is eerie and otherworldly, with the high-contrast luminescent greens against the pitch-black background (#0d0817) creating a strong visual impact. The smoke dissipates gradually with colorDecay properties creating a fade effect. The composition suggests movement and energy, with directional flow from multiple emission points creating a sense of dynamic turbulence.
Code
<script setup lang="ts">
import {
Shader,
Smoke,
SmokeFill,
SolidColor
} from 'shaders/vue'
</script>
<template>
<Shader
:disable-telemetry="true"
>
<SolidColor color="#0d0817" />
<SmokeFill color-a="#8cff75" color-b="#a2ff30" :color-decay="3" :detail="16" :emit-from="{ type: 'mouse-position', originX: 0, originY: 0, momentum: 0, smoothing: 0 }" :emit-radius="0.05" :gravity="0" :intensity="0.95" :mouse-influence="0.35" :scale="1.1" shape-sdf-url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/5T7CT5qxxArz_sdf.bin" :speed="1.4" :spread="141" />
<Smoke color-a="#193d20" color-b="#0b132e" :direction="49" :dissipation="0.7" :emit-from="{ x: 0, y: 0.99 }" :emit-radius="0.13" :intensity="0.75" :speed="8.3" :spread="65" />
<Smoke color-a="#54a80a" color-b="#0b132e" :direction="277" :dissipation="0.7" :emit-from="{ x: 1, y: 1 }" :emit-radius="0.13" :intensity="0.75" :speed="8.3" :spread="65" />
</Shader>
</template>