Shaders
header.lightDarkMode D
Gallery

Metallic Rings 2

Metallic Rings

A dark, atmospheric shader effect dominated by deep navy and black tones with subtle blue highlights. The image features concentric circular rings emanating from the right side of the frame, creating a spinning vortex-like pattern with a slow rotational motion. The rings have a mirror-edge treatment that creates symmetrical wave patterns across the composition. Overlaid on this geometric structure is a subtle plasma effect with cool blue (#8bbef0) and near-black (#06030a) color blending, creating soft, organic distortions and warping throughout the scene. The overall effect has a high contrast with deep shadows and minimal bright areas, giving it a moody, mysterious atmosphere. A fine film grain texture is applied uniformly across the entire surface, adding a subtle noise that enhances the cinematic quality. The lighting appears to come from the right side where the concentric rings originate, creating a sense of depth and dimensionality. The composition evokes a sense of motion and energy despite the slow animation speeds, with the plasma warp effect (0.45) creating subtle undulations across the dark surface.

Code

vue
<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: 1, y: 0.5 }" :intensity="60" :rings="6" :smoothness="0.04" :speed-randomness="1" />
    <FilmGrain :strength="0.05" />
  </Shader>
</template>