Studio Glass 5
Studio GlassA retro pixel-art style alien invader character rendered with modern 3D glass shader effects. The character features a symmetrical blocky silhouette with two large square eye cutouts and a rectangular mouth opening, characteristic of classic arcade game aesthetics. The shape is constructed from cubic voxel-like segments with sharp angular protrusions extending upward and outward from the main body. The glass material creates a luminous, translucent appearance with vibrant color gradients flowing from blue-purple on the left side through magenta in the center to hot pink-red on the right side. The glass surface exhibits strong refraction and chromatic aberration effects, creating a subtle rainbow-like distortion around the edges. A soft white fresnel glow highlights the contours and edges of the character, enhancing the three-dimensional depth. The background features a soft, diffused studio lighting setup with a pale lavender-gray gradient, creating a clean, minimalist environment. The overall lighting is bright and even, with subtle vignetting and ambient illumination that emphasizes the glowing quality of the central character. A fine film grain texture overlays the entire composition, adding subtle visual noise and a polished, contemporary feel to the retro-inspired design.
Code
<script setup lang="ts">
import {
Shader,
FilmGrain,
Glass,
StudioBackground,
Swirl
} from 'shaders/vue'
</script>
<template>
<Shader
:disable-telemetry="true"
>
<StudioBackground :ambient-intensity="65" :back-intensity="25" :brightness="100" :center="{ x: 0.5, y: 0.88 }" color="#e6e6ff" :fill-angle="53" :fill-intensity="9" :fill-softness="94" :key-intensity="11" :key-softness="100" :light-target="42" />
<Glass :aberration="0.45" :cutout="true" :edge-softness="0.05" :fresnel="0.2" :fresnel-softness="0.31" :highlight="0.3" :inner-zoom="1.15" :refraction="0.35" shape-sdf-url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/OcAv2bFTPVug_sdf.bin" :thickness="1">
<Swirl color-a="#d81d50" color-b="#25b7ba" color-space="oklch" :speed="0.8" />
</Glass>
<FilmGrain :strength="0.1" />
</Shader>
</template>