Photocopied 2
PhotocopiedThree vertically stacked pill-shaped glass morphism objects with rounded ends against a pure black background. Each object displays a distinct pixelated pattern composed of blue and cyan squares in varying arrangements. The top object features vertical stripes of blue and cyan, the middle object shows a checkerboard-like pattern of blue and light-blue squares, and the bottom object displays a more complex scattered pattern of blue and cyan blocks. Each pill has a glossy, translucent glass effect with subtle highlights and reflections along the edges, creating a 3D beveled appearance. The objects exhibit a ripple effect with blue (#066bf4) to cyan (#4ae8c5) color gradient emanating from the upper left area. A dither pattern with colorDodge blending adds subtle texture and noise throughout. The entire composition has a VHS-like quality with slight wobble and scanline artifacts, giving it a retro-digital aesthetic. The glass material shows refraction properties with a thickness of 0.1 and light angle of 232 degrees, creating realistic light interaction on the curved surfaces.
Code
<script setup lang="ts">
import {
Shader,
Dither,
Glass,
Pixelate,
Ripples,
SolidColor,
VHS
} from 'shaders/vue'
</script>
<template>
<Shader
:disable-telemetry="true"
>
<SolidColor color="#0a0a0a" />
<Glass :aberration="0" :cutout="true" :fresnel="0" :fresnel-softness="0" :highlight="0" :light-angle="232" :refraction="0.64" :scale="0.8" shape-sdf-url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/ihHF7QcQ1qcY_sdf.bin" :thickness="0.1">
<Ripples :center="{ x: 0.24, y: 0.16 }" color-a="#066bf4" color-b="#4ae8c5" :frequency="80" />
<Pixelate :scale="47" :visible="true" />
<Dither blend-mode="colorDodge" color-mode="source" :pixel-size="6" :threshold="0.8" />
</Glass>
<VHS :scanline-noise="0.09" :smear="0.3" :wobble="0.61" />
</Shader>
</template>