# Jelly pufferfish in pastel settings > Two browser-based pufferfish interpretations show glossy candy-colored bodies, rounded and spiny forms, and yellow, blue, pink and green variants beside compact material controls. - Kind: Video - Page: https://meetreference.com/v/video-jelly-pufferfish-in-pastel-settings-4766d4/ - Ready-to-use agent handoff: https://meetreference.com/v/video-jelly-pufferfish-in-pastel-settings-4766d4/agent.txt - Exact prompt as plain text: https://meetreference.com/v/video-jelly-pufferfish-in-pastel-settings-4766d4/prompt.txt - Authorship: AI-made, per the source - Made with: Not stated - Model: Claude Opus 5.5, Claude Sonnet 5.5 - Built with: not stated - Style: Code & dev; 3d, minimal, pastel, playful, translucent, editorial - Length and format: 18 sec, 4:5 (720x930 source) - Playback: a muted visual reference. The original soundtrack is available only at the source. - Shared by @vib3coded in X, Oct 2, 2026: https://x.com/vib3coded/status/2105957241148813340 - Prompt fidelity: Verbatim. This is the complete prompt exactly as the creator published it. ## Before you start Guidance from Reference, separate from the creator's instructions. 1. Read the reference and inspect the project, installed libraries, and available agent skills before writing code. Reuse suitable tools already present. 2. Prefer the creator-reported libraries and skills when they fit the task. Explain what useful additions help with, and install missing project dependencies or relevant skills from official sources when the environment and the user's existing permissions allow it. Respect the project's package manager and setup rules; do not ask again for routine setup already authorized. 3. Distinguish tools used by the creator from your own recommendations. A listed tool is not automatically required, and an empty tools or requirements list means the setup is unknown, not that nothing is needed. 4. Ask concise questions when missing inputs or choices materially affect the result: paid services, credentials, the user's assets, or a different production approach. Use existing answers and permissions; continue independent work while waiting. 5. If a useful library, skill, or service cannot be installed or used, explain an available alternative and its expected effect on quality, features, or effort. Get the user's choice before a material compromise; otherwise state the fallback and continue. Never silently simplify the result or claim to have used a tool you did not use. ## Recreating this video These are the creator's published instructions, unedited. ## Prompt ```text Build an interactive 3D jelly pufferfish (fugu) as a single self-contained HTML page using three.js from a CDN. The fish is a soft-body gummy sitting on a table. Model the body as one closed icosphere-topology skin with two rest shapes per vertex: a calm fish (blunt round head, body tapering to a short tail stalk, slightly flattened belly) and a fully inflated ball (sphere with the same tail stalk sticking out). Blend between them with an "inflation" value. Simulate with XPBD at a fixed 1/600 s substep (frame-rate independent): edge-length constraints, a global volume constraint, a soft global shape-matching pull toward the blended rest shape (rotation via polar decomposition, gently leaning upright), ground collision with friction, and damping applied to the wobble (velocity relative to the body's mean) so it jiggles but settles in about a second. Render with one Loop-subdivision pass for a smooth surface. Behaviour: tapping the fish startles it. It gulps air three times (mouth opens on each gulp, small overshoot) until it is a round ball, stays puffed about 4 seconds, then slowly deflates while blowing iridescent bubbles from its mouth. Dragging grabs and stretches the jelly locally; dragging empty space orbits the camera; wheel or pinch zooms. Details: ~260 soft spines that lie flat and hidden when calm, pop up one by one (staggered) as it inflates, wobble on their own springs, bend against the table, and lift the ball so it stands on its spines. Big glossy eyes (gold-green iris, large pupil, white catchlight) that follow the cursor. Puckered lips with a tiny white beak. Translucent ray-striped fins: fluttering pectorals, swaying tail fan, rippling dorsal and anal fins, all faster when alarmed. Dark freckles on the back, pale belly, a few air bubbles trapped inside the jelly. Look: MeshPhysicalMaterial with transmission, clearcoat and sheen for a candy-gummy look; a soft environment map; a soft colored shadow with a faint caustic on a floor that matches the page background. Flavour presets Yuzu, Ramune, Momo, Matcha. Editorial "Material Studies" layout: big italic serif title "Fugu Jelly.", a side panel with flavour swatches, Firmness and Wobble sliders, Startle / Calm / Reset buttons, ΒΌ speed and Sound toggles, and live readouts for volume, spine angle and mood. Synthesized WebAudio sounds for gulps, a boing on tap, a hiss while deflating and tiny bubble pops. Responsive down to phone width. ``` ## What it looks like Written by Reference from the video frames, not by the creator. A glossy, squishy pufferfish rendered like a colorful jelly toy, with bulging eyes and soft highlights. - Color: Pastel mint, cream, pale blue, and pink backgrounds; fish appear in yellow-orange, cyan, green, and pink. - Type: Playful, polished 3D illustration with rounded forms and translucent, gel-like shading. - Framing: A single fish floats near the center of a spacious, uncluttered scene, with a soft shadow beneath it. - Structure: The fish varies between smooth rounded and spiky forms, with small fins, prominent eyes, and a compact body. Storyboard, nine frames spread across the video: https://meetreference.com/media/video-jelly-pufferfish-in-pastel-settings-4766d4/storyboard.webp - Frame 1 at 1.0s: https://meetreference.com/media/video-jelly-pufferfish-in-pastel-settings-4766d4/f1.webp - Frame 2 at 3.0s: https://meetreference.com/media/video-jelly-pufferfish-in-pastel-settings-4766d4/f2.webp - Frame 3 at 5.0s: https://meetreference.com/media/video-jelly-pufferfish-in-pastel-settings-4766d4/f3.webp - Frame 4 at 7.0s: https://meetreference.com/media/video-jelly-pufferfish-in-pastel-settings-4766d4/f4.webp - Frame 5 at 9.0s: https://meetreference.com/media/video-jelly-pufferfish-in-pastel-settings-4766d4/f5.webp - Frame 6 at 11.0s: https://meetreference.com/media/video-jelly-pufferfish-in-pastel-settings-4766d4/f6.webp - Frame 7 at 13.0s: https://meetreference.com/media/video-jelly-pufferfish-in-pastel-settings-4766d4/f7.webp - Frame 8 at 15.0s: https://meetreference.com/media/video-jelly-pufferfish-in-pastel-settings-4766d4/f8.webp - Frame 9 at 17.0s: https://meetreference.com/media/video-jelly-pufferfish-in-pastel-settings-4766d4/f9.webp ## Links - Watch: https://x.com/vib3coded/status/2105957241148813340 - Original post: https://x.com/vib3coded/status/2105957241148813340 - Discovery collection: https://data.openchamber.dev/opus-5-5-videos/v/vib3coded-2105957241148813340