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 palabras
# 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

Desbloquea el prompt completo de 312 palabras con el acceso de por vida de pago único.

Unlock Full Prompt

También te puede interesar

Verified DR - Verified Domain Rating for buildpromptkit.comBuildPromptKit - AI prompts that ship real UI — every one has a live demo | Product HuntBuildPromptKit — AI Website & App Prompts - Featured on YizhanFeatured on saasfame.comFeatured on Twelve Tools