Holofoil 3

Two interlocking circular rings with a smooth, glossy glass-like appearance set against a pure black background. The rings feature a vibrant gradient color transition that flows from cyan and light-green at the top, through yellow and orange in the middle, to red and pink at the bottom. The gradient creates a warm-to-cool color wheel effect that rotates around each ring. The rings have a subtle 3D depth with fresnel lighting effects that create bright highlights along the edges, particularly visible on the upper portions where light reflects off the curved surfaces. The glass material has a slight refraction quality with smooth, polished edges and soft edge softness that prevents harsh aliasing. A subtle halftone texture overlay (CMYK style at 17% opacity) adds fine detail and print-like quality to the surface. The rings appear to have approximately 0.05 thickness with an inner zoom effect that maintains visual cohesion. The overall composition is centered and symmetrical, with the rings overlapping in a linked chain pattern. The lighting angle is set to 224 degrees, creating directional highlights that enhance the three-dimensional appearance. The color space uses OKLab for smooth, perceptually uniform color transitions.

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <WorleyNoise id="idmp1dieut6oaemps9r" :balance="0.8" :contrast="4" distance="chebyshev" :jitter="0.5" mode="f2MinusF1" :scale="50" :seed="35" :visible="false" />
    <SolidColor color="#0a0a0a" />
    <Glass :aberration="0" :cutout="true" :fresnel="0.19" :fresnel-softness="0.26" :highlight="0.4" :highlight-softness="0.6" :light-angle="224" :refraction="1.05" shape-sdf-url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/NEnjqh3-kdfX_sdf.bin" :thickness="0.05">
      <ColorWheel :angle="-101" color-space="oklab" mode="custom" :scale="{ type: 'map', curve: 0, source: 'idmp1dieut6oaemps9r', channel: 'luminance', inputMax: 1, inputMin: 0, outputMax: 4.1, outputMin: 4 }" :speed="0.3" />
      <Halftone :frequency="151" :opacity="0.17" style="cmyk" />
    </Glass>
  </Shader>
</template>