Backlit Smoke 2

A 3D isometric geometric composition featuring two interconnected hollow hexagonal cubes rendered with a vibrant magenta-to-purple gradient. The primary structure consists of a larger hexagon positioned above and to the left, connected to a smaller hexagon below and to the right through shared edges. The shapes are rendered with thick, luminous strokes that glow with intense magenta (#f01fe2) on the brightest edges, transitioning to deep purple (#b323db) in the mid-tones and nearly black (#11061f) in the shadowed recesses. The entire composition is set against a pure black background (#0a0a0a), creating maximum contrast. The glass shader effect creates a subtle fresnel reflection with warm peachy highlights (#ff9b8c) along certain edges, suggesting light refraction. A sine wave animation with magenta coloring flows through the structure with soft edges and moderate amplitude. The smoke fill effect adds atmospheric depth with purple-to-dark-purple particles that dissipate gradually, creating a sense of volumetric fog emanating from the geometric forms. The overall mood is futuristic, ethereal, and technologically sophisticated with a cyberpunk aesthetic.

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <SolidColor color="#0a0a0a" />
    <SmokeFill color-a="#b323db" color-b="#11061f" :color-decay="0.2" :detail="4" :dissipation="0.1" :emit-from="{ type: 'mouse-position', originX: 0.5, originY: 0.5 }" :gravity="-2" :scale="0.7" shape-sdf-url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/EKiSRi_0Mh6g_sdf.bin" />
    <Glass :aberration="0" :cutout="true" :edge-softness="0.15" :fresnel="0.18" fresnel-color="#ff9b8c" :fresnel-softness="0.24" :refraction="1.5" :scale="0.7" shape-sdf-url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/EKiSRi_0Mh6g_sdf.bin" :thickness="0.6">
      <SineWave :amplitude="0.6" color="#f01fe2" :frequency="0.1" :softness="0.3" :speed="0.6" />
    </Glass>
  </Shader>
</template>