Studio Glass 4
Studio GlassA retro pixel-art style alien or space invader character rendered with modern 3D glass shader effects. The character features a symmetrical blocky silhouette with two large square eyes, a rectangular mouth opening, and four protruding antenna-like limbs extending from the top corners and sides. The shape is constructed from cubic voxel-like segments creating a classic 8-bit video game aesthetic. The glass material exhibits strong chromatic aberration with cyan-to-blue color separation visible along the edges, particularly on the left side where turquoise tones dominate and transitioning to deeper blue on the right. The surface demonstrates glossy reflectivity with subtle highlights and fresnel effects that create depth and dimensionality. A soft vignette and ambient lighting from the background creates a studio-like presentation. The character is centered against a soft lavender-gray gradient background with subtle warm undertones. Film grain texture adds a subtle noise overlay. The overall effect combines nostalgic pixel-art gaming imagery with contemporary glass material shaders, creating a modern, polished interpretation of classic arcade aesthetics.
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="#1ed4a6" color-b="#1564eb" color-space="oklab" :speed="0.8" />
</Glass>
<FilmGrain :strength="0.1" />
</Shader>
</template>