Prompt Details
Model
(gemini-3.6-flash)
Token size
970
Example input
[BRAND_STYLE]: Dark Luxury / Cyberpunk — primary #E63946 crimson, alt #FF4D4D neon coral
[WEBGL_EFFECT_STYLE]: Particle Spline Nebula
[INTERACTION_TRIGGER]: Scroll-driven
[MOUNT_CONTEXT]: Full-page fixed background
Example output
Act as a WebGL developer familiar with Three.js. Generate a single, self-contained WebGL background animation component — just the canvas, script, and minimal supporting CSS needed to run it, not a full webpage. This is a starting point meant to be reviewed, tested, and adjusted before use, and embedded into an existing site.
Brand Style: Dark Luxury / Cyberpunk — primary #E63946 crimson red, alternate #FF4D4D neon coral
WebGL Effect Style: Particle Spline Nebula
Interaction Trigger: Scroll-driven
Mount Context: Full-page fixed background
Instant access
Commercial use
Money‑backBy purchasing this prompt, you agree to our terms of service
8
Views
GEMINI-3.6-FLASH
Generate a self-contained Three.js WebGL background animation. Choose an effect style (particle spline nebula, orbiting node constellation, floating geometric field, or flowing wave grid) and how it responds to scroll or mouse movement, with custom anti-aliased shaders and color shifts based on position. Meant to be dropped into an existing site as a starting point — review and test before using it live.
...more
Added 3 weeks ago
