Converging Panels 8

A radial gradient shader effect dominated by vibrant lime green tones that transition from bright, saturated green at the center to deeper, darker forest green at the edges. The composition features a soft, blurred radial bloom emanating from approximately the center-left area of the canvas, creating a glowing orb-like appearance. The effect uses a luminosity blend mode that creates a ethereal, atmospheric quality with smooth color transitions. A subtle film grain texture overlay adds a slight noise pattern across the entire surface, enhancing the organic feel. The background exhibits a vignette-like darkening toward the corners, with the brightest intensity concentrated in the middle-upper portion. The overall mood is serene and natural, resembling bioluminescent light or a soft glow from within. The kaleidoscope component appears to be inactive or minimally visible, allowing the studio background gradient to dominate. The color space is linear P3, providing rich color depth and smooth gradations between the green tones.

Code

vue

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <StudioBackground :ambient-intensity="96" :ambient-speed="3" :back-intensity="0" :back-softness="0" blend-mode="luminosity" :center="{ type: 'mouse-position', reach: 0.7, originX: 0.42513368983957217, originY: 0.32805071315372425, momentum: 0.3, smoothing: 0.4 }" color="#0aff0a" :fill-angle="72" :fill-intensity="0" :key-intensity="38" :wall-curvature="35" />
    <Kaleidoscope :center="{ type: 'mouse-position', reach: 0.05, originX: 0, originY: 0.5, momentum: 0.5, smoothing: 0.5 }" />
    <FilmGrain :strength="0.2" />
  </Shader>
</template>