Fluid Chrome 9
Fluid ChromeA 3D isometric geometric composition featuring two connected hollow hexagonal cubes rendered with a sophisticated glass shader effect. The structure is set against a pure black background (#0a0a0a). The glass material exhibits a gradient color transition from warm golden-yellow (#cfc968) on the left side to deep purple (#7f51ba) on the right side, creating a vibrant chromatic shift across the form. The glass surfaces display realistic light refraction with bright white highlights and fresnel effects along the edges, giving the geometry a luminous, crystalline quality. The interior of each hexagonal cube is completely transparent, revealing the black background through the hollow centers. A subtle swirl pattern animates through the glass material with a blend strength of 56, creating organic color variations within the geometric structure. The flow field effect adds subtle distortion and movement to the surface, with a speed of 1.8 creating dynamic visual interest. The overall effect conveys a sense of depth and dimensionality through the isometric perspective, with the glass thickness of 0.27 creating visible edge definition. The lighting angle at 300 degrees produces highlights concentrated on the upper-left portions of the geometry. The aberration value of 0.89 introduces subtle chromatic separation, enhancing the glass-like quality. The composition has a modern, tech-forward aesthetic with a sophisticated interplay of refraction, reflection, and color gradation.
Code
<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="#7f51ba" color-b="#cfc968" 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>