# Glossy watermelon cut into pieces

> A browser-based material study presents a glossy green watermelon, a steel knife, and an assortment of red-fleshed cut pieces on a pale studio surface, framed by italic typography and compact controls.

- Kind: Video
- Page: https://meetreference.com/v/video-glossy-watermelon-cut-into-pieces-ce0aac/
- Ready-to-use agent handoff: https://meetreference.com/v/video-glossy-watermelon-cut-into-pieces-ce0aac/agent.txt
- Exact prompt as plain text: https://meetreference.com/v/video-glossy-watermelon-cut-into-pieces-ce0aac/prompt.txt
- Authorship: AI-made, per the source
- Made with: Not stated
- Model: Claude Opus 5.5
- Built with: not stated
- Style: Code & dev; minimal, editorial, 3d, glossy, interactive, material-study
- Length and format: 17 sec, 1114:720 (1114x720 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/2106056420131029473
- 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 "Whole Melon": a single self-contained HTML file (all JS/CSS inline, no build step, no libraries) with a big whole watermelon made of glossy jelly that you can grab, wobble and cut into pieces with a knife. Render with raw WebGPU (WGSL); if WebGPU is missing, show a clean fallback card.

SHAPE AND MATERIAL
- The melon is a signed distance field: an ellipsoid (~32 cm long) lying on its side with a softly flattened belly.
- Layers by depth under the skin: dark-green skin with irregular darker stripes running pole to pole (seamless all the way around), a pale pith band, then translucent red flesh that brightens toward the rind. Add a pale yellow field spot on the belly, a stem scar at one end and a blossom end at the other.
- About 700 seeds in a three-lobed ring at roughly two thirds of the radius (teardrops, wide end pointing outward), plus tiny air bubbles. Mesh seeds only near cut faces; a seed the knife goes through is kept by one side and eased just under the new face, so it shows through a thin film of jelly.
- Three varieties: Crimson, Golden, Rosé.

PIECES AND CUTTING
- Every piece is the melon SDF clipped by the half-spaces of the cuts that made it, with the fresh edges rounded (smooth max). All pieces share the melon's original rest frame, so rind, pith, stripes and seeds stay exactly where they grew.
- Knife tool: the user draws a line across the melon. Read the stroke on top of what it crosses to get a vertical blade plane. For each piece the plane passes through, fit the piece's best rotation, carry the plane into rest space, and split the piece in two.
- Build the new pieces cooperatively (generators with a per-frame time budget) while a steel knife (brushed blade, wooden handle with rivets) lines up over the stroke and presses a groove into the jelly. Swap the new pieces in the moment the edge breaks through, carrying over the position and velocity of the flesh they came from, and let the blade wedge them apart as it sinks. Allow up to about 24 pieces and reject slivers.
- For each piece: a surface-nets render skin (evaluate only the blocks near the surface, one Newton step onto it), a hex lattice in the piece's principal frame with boundary nodes snapped onto the surface, and a fast barycentric embedding.

PHYSICS (XPBD on the CPU, fixed 60 Hz, 6 substeps)
- Cell-wise co-rotational shape matching (8-node cells, warm-started rotation, strain stiffening), tet volume constraints for near-incompressibility, rind firmer than flesh.
- Edge damping, plus damping of each piece's deformation relative to its rigid motion (never its fall or tumble), rolling resistance on the table, and sleep when calm.
- Piece-to-piece contact against each other's exact SDF in a best-fit frame; sleeping pieces act as walls. Floor contact with Coulomb friction.
- Hand tool: grab any piece and pull (soft patch attachment, with enough reach to drag pieces across a wide table). Scroll or a second finger twists while holding. Pinch or scroll zooms; dragging the empty table orbits the camera.

RENDERING (a photographic product shot)
- Procedural studio: pale paper sweep, overhead softbox, back-left strip light, cool fill card.
- Jelly: front faces refract the scene behind by the view-ray thickness (nearest-back-face pass), with Beer–Lambert absorption per material, milky scattering in the pith, a back-lit glow at thin edges, sugar glints, Fresnel studio reflections and GGX highlights.
- Seeds, bubbles and the knife are drawn before the jelly, so they are seen refracted through it.
- Normals follow the jelly's local deformation (cofactor of the node-averaged deformation gradient).
- A soft key shadow coloured by what the light crossed first (rosy through flesh, dark through rind), plus contact occlusion from a top-down height map. MSAA, Khronos PBR Neutral tone mapping.

UI (editorial, like a material study)
- Kicker "Material Studies / No. 010" and a big italic serif title "Whole / Melon."
- A panel with Tool (Hand / Knife), Variety, Firmness and Internal damping sliders, Nudge, Reset, ¼ speed, Show mesh and Pause.
- Live readouts: mass, volume %, kinetic energy, piece count. A collapsible "Inside the experiment" note.
- Responsive down to phones.

Quality bar: it should look and move like a real glossy jelly watermelon, and every cut face should look like a sliced jelly melon with seeds just under the surface. Test headlessly with screenshots: the whole melon, mid-cut, many pieces, a close-up of a cut face, and mobile.
```

## What it looks like

Written by Reference from the video frames, not by the creator.

A glossy, jelly-like watermelon with dark green stripes is shown whole and then as red-fleshed wedges and slices with green rind.

- Color: Deep and bright greens, vivid watermelon red and pink, pale cream rind, and soft gray shadows.
- Type: Polished, simple 3D illustration with rounded shapes and shiny surfaces.
- Framing: The fruit and cut pieces are centered against a plain light background, with generous empty space around them.
- Structure: A whole oval watermelon is followed by views of it being cut and arrangements of separated wedges, halves, and small slices.

Storyboard, nine frames spread across the video: https://meetreference.com/media/video-glossy-watermelon-cut-into-pieces-ce0aac/storyboard.webp

- Frame 1 at 0.9s: https://meetreference.com/media/video-glossy-watermelon-cut-into-pieces-ce0aac/f1.webp
- Frame 2 at 2.8s: https://meetreference.com/media/video-glossy-watermelon-cut-into-pieces-ce0aac/f2.webp
- Frame 3 at 4.7s: https://meetreference.com/media/video-glossy-watermelon-cut-into-pieces-ce0aac/f3.webp
- Frame 4 at 6.6s: https://meetreference.com/media/video-glossy-watermelon-cut-into-pieces-ce0aac/f4.webp
- Frame 5 at 8.5s: https://meetreference.com/media/video-glossy-watermelon-cut-into-pieces-ce0aac/f5.webp
- Frame 6 at 10.4s: https://meetreference.com/media/video-glossy-watermelon-cut-into-pieces-ce0aac/f6.webp
- Frame 7 at 12.3s: https://meetreference.com/media/video-glossy-watermelon-cut-into-pieces-ce0aac/f7.webp
- Frame 8 at 14.2s: https://meetreference.com/media/video-glossy-watermelon-cut-into-pieces-ce0aac/f8.webp
- Frame 9 at 16.1s: https://meetreference.com/media/video-glossy-watermelon-cut-into-pieces-ce0aac/f9.webp

## Links

- Watch: https://x.com/vib3coded/status/2106056420131029473
- Original post: https://x.com/vib3coded/status/2106056420131029473
- Discovery collection: https://data.openchamber.dev/opus-5-5-videos/v/vib3coded-2106056420131029473