Flowing Ribbon
Flowing RibbonA sophisticated 3D ribbon form twists and curves through the center of the composition against a soft lavender background. The ribbon features a dynamic gradient transitioning from vibrant magenta/hot pink (#fa1192) on the left side to bright cyan/turquoise (#30eedc) on the right side, with smooth white highlights running along the edges and center ridge. The form exhibits a helical twist with approximately 52 degrees of rotation, creating a DNA helix-like appearance. Fine white vertical lines with a linear dodge blend mode cascade across the surface, creating a subtle striped pattern that enhances the sense of depth and dimensionality. The ribbon has high glossiness with reflective properties, showing bright specular highlights that emphasize its three-dimensional form. The background employs a studio lighting setup with soft vignetting and ambient lighting at 78% intensity, creating a gentle purple-tinted atmosphere. A subtle film grain texture overlays the entire composition at 30% strength, adding a refined cinematic quality. The overall mood is modern, sleek, and ethereal, with smooth curves and flowing forms suggesting motion and elegance.
Code
<script setup lang="ts">
import {
Shader,
FallingLines,
FilmGrain,
Form3D,
StudioBackground,
Swirl
} from 'shaders/vue'
</script>
<template>
<Shader
:disable-telemetry="true"
>
<StudioBackground :ambient-intensity="78" :brightness="100" :center="{ x: 0.75, y: 1 }" color="#dad6ff" :fill-intensity="0" :key-intensity="0" :light-target="0" :wall-curvature="57" />
<Form3D :center="{ x: 0.77, y: 0.16 }" :glossiness="200" :lighting="197" :shape3d="{ type: 'ribbon', angle: 110, twist: 52, width: 72, thickness: 200, seed: 0 }" :speed="2" :zoom="78">
<Swirl color-a="#fa1192" color-b="#30eedc" color-space="oklab" :detail="1.9" />
<FallingLines :angle="0" blend-mode="linearDodge" color-b="#000000" :density="12" :stroke-width="0.1" :trail-length="0.72" />
</Form3D>
<FilmGrain :strength="0.3" />
</Shader>
</template>