Shaders
header.lightDarkMode D
Gallery

A serene underwater or ethereal atmosphere dominated by soft, diffused lighting. The composition features a large, luminous white-to-pale-pink spherical form positioned in the upper-left-center area, appearing to glow with internal light against a deep teal-blue background. The sphere has soft, feathered edges that blend seamlessly into the surrounding environment, creating a dreamy, out-of-focus quality. Wispy smoke-like particles in muted mauve and cyan tones drift and swirl throughout the scene, creating organic, flowing patterns that suggest movement and depth. The overall effect is highly atmospheric with a cool color temperature, evoking a sense of calm, mystery, and otherworldly tranquility. The background transitions from darker teal at the edges to lighter cyan near the central glow, with subtle cloud-like formations visible in the upper portion. The smoke particles appear to emit from or gather around the luminous sphere, creating a focal point of visual interest. The entire composition has a soft-focus, diffused quality that suggests either underwater photography or a digital rendering of an ethereal phenomenon.

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="#d7c4cd" color-b="#22bcce" :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>