Metallic Rings

A dark, atmospheric shader effect dominated by concentric circular rings that create a mesmerizing spiral pattern emanating from the lower center of the composition. The primary visual element is a ConcentricSpin effect with 10 rings that rotate slowly, creating a tunnel-like or vortex appearance. The rings have a subtle blue-gray luminescence against deep black backgrounds, with smooth gradations between light and shadow. The overall palette is extremely dark, with the brightest elements being muted blue tones (#8bbef0) that provide minimal contrast against the near-black background (#06030a). A subtle plasma effect underlies the composition, adding organic turbulence and slight color variation to the otherwise geometric rings. The effect is enhanced by film grain that adds a fine texture throughout, creating a cinematic quality. The spatial arrangement suggests depth, with rings appearing to recede into the distance toward the bottom of the frame. The atmosphere is moody, mysterious, and technological, with a sense of motion despite the slow rotation speed. The edges fade to transparency, creating a soft vignette effect that draws focus toward the center vortex.

<script setup lang="ts">
import {
  Shader,
  ConcentricSpin,
  FilmGrain,
  Plasma
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <Plasma :balance="35" color-a="#8bbef0" color-b="#06030a" color-space="oklab" :contrast="0.7" :density="0.6" :intensity="2" :speed="1.2" :warp="0.45" />
    <ConcentricSpin :center="{ x: 0, y: 1 }" :intensity="60" :rings="10" :smoothness="0.08" :speed-randomness="1" />
    <FilmGrain :strength="0.05" />
  </Shader>
</template>