Glass Halo 2

A luminous, ethereal shader effect featuring a central glowing orb with a smooth, organic blob-like structure. The composition uses a deep purple background (#5b18ca) that transitions into bright, soft highlights. The main focal point is a translucent glass-like circular form with a pale greenish-white interior (#c1e5bc) surrounded by a vibrant purple outer ring (#8254dd). The effect creates a three-dimensional appearance through layered glass refraction with subtle highlights positioned at approximately 30% from the left and -30% from the top, creating a glossy, wet appearance. A soft yellow highlight (#ffe11a) adds warmth and dimensionality to the upper-right quadrant. The entire composition is enveloped in a soft, diffused glow that bleeds into the purple background, creating a dreamy, atmospheric quality. The blob deformation at 0.5 intensity creates organic, flowing edges rather than perfect geometry. Fresnel effects at the edges enhance the glass-like quality, while the overall softness value of 1.0 creates seamless color transitions. The effect suggests a luminescent sphere or portal with internal light diffusion.

Code

vue

<script setup lang="ts">
import {
  Shader,
  Blob,
  Glass,
  SolidColor
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <SolidColor />
    <Blob blend-mode="normal-oklab" color-a="#c1e5bc" color-b="#8254dd" :seed="2" :size="0.65" :softness="1" />
    <Glass :aberration="0" :edge-softness="0.15" :fresnel-softness="0.56" :inner-zoom="0.5" :refraction="2" shape-sdf-url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/rc0tyyfP7vSZ_sdf.bin" :thickness="1" />
  </Shader>
</template>