Fluid Chrome 5

A 3D rendered isometric composition featuring two stacked translucent glass cubes with hollow interiors against a pure black background. The cubes exhibit a warm amber-orange glow (#ff7e00) that illuminates their edges and surfaces, creating a luminous quality. The glass material demonstrates sophisticated optical properties including chromatic aberration (0.89 intensity) that creates subtle color fringing at the edges, particularly visible on the upper cube's corners. The surfaces show strong Fresnel effects with white highlights concentrated along the top edges and corners, giving the cubes a crystalline, gem-like appearance. Inside the hollow cavities, there's a dynamic swirling pattern that blends orange (#ff7e00) and black (#0a0a0a) colors with a detail level of 4.2, creating an organic, fluid motion effect. A flow field effect adds subtle distortion and movement throughout the composition with a speed of 1.8 and evolution speed of 1.5, creating a sense of dynamic energy. The glass thickness is set to 0.27, providing a delicate, refined appearance. The overall lighting angle is positioned at 300 degrees, creating dramatic side-lighting that emphasizes the three-dimensional form. The composition has a sophisticated, premium aesthetic with a balance between geometric precision and organic fluid dynamics.

Code

vue

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <SolidColor color="#0a0a0a" />
    <Glass :aberration="0.89" :cutout="true" :edge-softness="0.2" :fresnel="0.01" :fresnel-softness="0.14" :refraction="1.09" :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.27">
      <Swirl :blend="56" color-a="#ff7e00" color-b="#0a0a0a" color-space="oklab" :detail="4.2" :speed="0.1" />
      <FlowField :detail="1" :evolution-speed="1.5" :speed="1.8" :strength="0.5" />
    </Glass>
  </Shader>
</template>