Premium
✨ Creative
Liquid Shader Field
WebGL fragment-shader background — slow liquid colour flow that reacts to the pointer, with a CSS fallback.
8 views 0 copies 312 词
Prompt 正文
# Liquid Shader Field — WebGL Animated Background ## Goal Build a full-section animated background driven by a single fragment shader: layered simplex noise warping three colour stops into a slow liquid flow, with a gentle pointer-driven ripple. It must drop cleanly into an existing Next.js + Tailwind project as a self-contained component. ## Design Spec - One full-size canvas, `position: absolute; inset: 0; z-index: -1`, behind arbitrary content. - Shader takes three uniform colours plus `uTime`, `uPointer` (vec2, normalised) and `uIntensity`. - Colour mixing happens in linear space and con
购买一次性终身访问权,解锁完整的 312 词 prompt。
Unlock Full Prompt你可能还喜欢
Free
Magnetic CTA Cluster
✨ Creative
Buttons that pull toward the cursor within a radius, with the label lagging behind the shell for weight.
3.9k 710CursorClaude CodeLovable
Free
Cast & Render
✨ Creative
Single-file scroll-scrubbed landing for a 3D studio: scrolling scrubs a fixed all-intra background video frame by frame while three text panels cross-fade over it, with no framework and no build step.
1.2k 797CursorClaude CodeLovable
Free
Aethera
✨ Creative
Fullscreen white hero: an Instrument Serif headline over a looping video band that hand-fades in and out on every pass.
4.1k 358CursorClaude CodeLovable
Free
Figurine Carousel Hero
✨ Creative
Full-viewport figurine carousel where background colour, scale, blur and position all crossfade together on one 650ms curve.
2.8k 557CursorClaude CodeLovable