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 từ
# 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

Mở khoá prompt đầy đủ 312 từ với gói trọn đời trả một lần.

Unlock Full Prompt

Có thể bạn cũng thích

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