Премиум
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 слов
# 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 слов с разовым пожизненным доступом.

Unlock Full Prompt

Вам также может понравиться

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