Backlit Smoke 3

A 3D isometric geometric composition featuring two interconnected hollow cubes rendered in a vibrant neon green (#57db23) against a pure black background (#0a0a0a). The cubes are positioned at an isometric angle, with the upper cube slightly offset to the left and the lower cube to the right, creating a connected chain-like structure. The geometry has a glass-like quality with subtle fresnel reflections and edge highlights that create a luminous glow effect. A dynamic smoke fill effect in matching neon green with dark olive undertones (#1f1d06) emanates from the shape, creating an organic, flowing particle effect that swirls around the geometric forms. The smoke has a dissipating quality with gravity influence, giving it a natural drift pattern. The glass material exhibits subtle refraction with a light peachy-pink fresnel color (#ff9b8c) at the edges, enhancing the dimensional quality. A sine wave pattern in bright lime green (#1ff01f) pulses gently through the structure, adding an animated energy layer. The overall atmosphere is futuristic and tech-forward, with high contrast between the glowing green elements and the absolute black void background, creating a striking cyberpunk aesthetic. The lighting angle is positioned at approximately 300 degrees, creating dimensional highlights on the upper surfaces of the cubes.

<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="#57db23" color-b="#1f1d06" :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="#1ff01f" :frequency="0.1" :softness="0.3" :speed="0.6" />
    </Glass>
  </Shader>
</template>