Studio Glass 2
Studio GlassA retro pixel-art style alien invader character rendered with a modern glass shader effect. The character features a symmetrical, blocky silhouette with a distinctive wide head containing two large square eye cutouts, a central body section, and splayed legs at the base. The shape is filled with a vibrant gradient that transitions from lime-yellow (#caf028) at the top through cyan and turquoise in the middle to deep blue (#3e4ec6) at the bottom, creating a neon-like appearance. The glass shader applies a glossy, translucent quality with visible refraction (0.35 intensity) and chromatic aberration (0.45), giving the character a luminous, glowing quality. A subtle fresnel effect (0.2 intensity) creates edge highlights in white, particularly visible along the contours and protrusions. The background is a soft, muted lavender-gray (#e6e6ff) with subtle studio lighting that creates a gentle vignette effect, making the glowing character stand out prominently. A swirling color animation blends between the yellow and blue tones at 58% opacity, creating dynamic movement within the form. Film grain (0.1 strength) adds a subtle texture overlay. The overall mood is playful, retro-futuristic, and energetic, with the glass material giving it a premium, polished appearance despite the pixelated geometry.
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 :blend="58" color-a="#caf028" color-b="#3e4ec6" color-space="hsl" :speed="0.8" />
</Glass>
<FilmGrain :strength="0.1" />
</Shader>
</template>