Chroma Chrome 2
Chroma ChromeA dark, sophisticated shader effect featuring a glossy glass orb with moon-like phases rendered on the left side of the composition. The background is a very dark navy-black color (#130f1a) creating a night-sky atmosphere. The glass sphere displays realistic refraction and fresnel effects with subtle white highlights along its curved edges, giving it dimensional depth and a luminous quality. The sphere contains internal swirling patterns with colors transitioning between dark grays (#26262b) and deep blues (#0d111a), creating a subtle vortex effect within the glass. A chromatic aberration effect is visible with color fringing in red, green, blue, and yellow channels creating a subtle iridescent quality around the glass edges. The text "Galileo" appears to the right of the sphere in large, bold gray typography with a subtle embossed or metallic appearance. The entire composition has a fine film grain texture overlay at low opacity (0.1) adding photographic authenticity and subtle noise. The lighting angle is set to 268 degrees, creating rim lighting that emphasizes the glass's translucent properties. The overall mood is elegant, scientific, and contemplative with a premium, high-tech aesthetic.
Code
<script setup lang="ts">
import {
Shader,
ChromaFlow,
FilmGrain,
Glass,
SolidColor,
Swirl
} from 'shaders/vue'
</script>
<template>
<Shader
:disable-telemetry="true"
>
<SolidColor color="#130f1a" :visible="true" />
<Glass :blur="20" :cutout="true" :edge-softness="0.15" :fresnel="0.02" :fresnel-softness="1" :highlight="0.15" :highlight-softness="0.18" :inner-zoom="1.5" :light-angle="268" :refraction="0.23" shape-sdf-url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/Fo7ahNLZwqrY_sdf.bin" :thickness="1">
<Swirl color-a="#26262b" color-b="#0d111a" :detail="5" :speed="0.2" />
<ChromaFlow :momentum="10" :radius="2" />
</Glass>
<FilmGrain :opacity="0.1" />
</Shader>
</template>