Build a single-file WebGPU interactive experience featuring a soft, squishy plush shark.
Design the shark with a recognizable silhouette: a rounded body, pointed snout, dorsal fin, side fins, and a powerful tail. Give it a blue fabric exterior, cream belly, glossy black button eyes, stitched gills, and a playful mouth with small felt teeth. Make the fabric visibly fuzzy, with subtle seams and soft shadows.
Interactions:
- Grab and drag any part of the shark. Its body should stretch, squash, wobble, and settle naturally.
- Pull its tail and release to make it dash forward.
- Boop its nose for a cute reaction.
- Brush its fur with a comb tool.
- Feed it little fish and animate it chasing and eating them.
- Let it swim in gentle circles when idle.
Use convincing soft-body physics with volume preservation, springy recovery, and responsive fins and tail. Avoid rigid movement or excessive jitter.
Include controls for stuffing firmness, fur length, swimming speed, and color palettes. Add reset, feed, dash, and wireframe buttons.
Present everything in a polished minimalist interface with a warm off-white background, elegant typography, a compact settings panel, and the title “Plush Shark.”
Deliver one self-contained HTML file with all code and assets embedded. Use WebGPU for rendering, support mouse and touch, and keep the experience smooth and responsive.
