# Little Phantom: Jelly Ghost

- Author: @bluumik
- Card: Creator prompt
- Theme: Jelly & soft-body
- Stack: Not rebuilt
- Interaction: Pointer
- Licence: Credited link (Shared publicly by the author; full text with credit, removed on request)
- Verified: not yet
- Original post: https://x.com/bluumik/status/2114570718725783738

## Original prompt

```text
PROMT- Build a single-file interactive 3D web experience called "Little Phantom." using Three.js (WebGL), all procedural, zero external assets. A cute, soft jelly ghost floats and wobbles on a glossy plate under a spooky night sky, and the user can interact with it.

LOOK AND FEEL
- Deep purple-black night background with a faint starfield and a soft colored vignette glow around the plate that matches the chosen spirit color.
- Dark bat silhouettes flying across the sky with occasional flaps and slightly random paths.
- Serif title "Little Phantom." top left with a small italic hint line under it describing how to interact (move the cursor to lure the ghost, click or tap to scare it).
- A round, shallow, glossy plate with a pink to violet gradient surface and a white ceramic rim, seen from a three-quarter top view, with a soft shadow.
- Small refined UI. Cute but elegant, like a limited edition Halloween collectible.

THE GHOST
- A small round-headed ghost with a soft wavy hem, two rounded stubby arms, big dark oval eyes and a tiny round mouth.
- Material: translucent jelly with a soft glow inside, subtle subsurface light and a glossy highlight along the head.
- Idle behavior: gentle floating bob, slow turning, blinking eyes, tiny sparkles trailing behind it.
- Spirit glow colors: white, green, orange, purple, pink and red. Switching one smoothly recolors the glow of the ghost and the ambient light.

JELLY PHYSICS AND BEHAVIOR
- A soft-body wobble layer on top of the floating motion: the ghost squashes, stretches and jiggles when it moves, turns or is poked.
- The ghost follows the cursor or finger with a lazy delay, leaning and stretching toward it, and drifts around the plate when idle.
- "Boo!" makes the ghost puff up, pop its mouth into an "O" shape, jump upward, flash its glow and burst a ring of sparkles and a quick scatter of bats.
- Click and drag to grab the ghost and fling it, with soft follow-through and a happy wobble when released.
- A jiggle slider controls stiffness and damping, from tight and bouncy to loose and gooey.

CONTROLS
- A large orange pill button "Boo!" (also Space bar).
- Spirit glow swatches along the bottom left.
- Top right buttons: "Table view" and "Settings".
- Settings panel: jiggle slider, auto-rotate toggle, sound on or off.
- Keyboard: Space to boo, R to reset, 1 to 6 to switch glow colors.

SOUND AND POLISH
- Soft spooky chimes, tiny giggles, wing flaps and squishy plops synthesized with WebAudio (no files), tied to the ghost's speed and the Boo trigger.
- 60 fps, adaptive pixel ratio, filmic tone mapping, gentle bloom on the ghost glow and the sparkles, soft contact shadows.
- Smooth camera orbit with inertia and an optional gentle auto-rotate.
- Works on desktop and mobile touch. Clean, commented code in one HTML file with constants grouped at the http://top.Build a single-file interactive 3D web experience called "Little Phantom." using Three.js (WebGL), all procedural, zero external assets. A cute, soft jelly ghost floats and wobbles on a glossy plate under a spooky night sky, and the user can interact with it.

LOOK AND FEEL
- Deep purple-black night background with a faint starfield and a soft colored vignette glow around the plate that matches the chosen spirit color.
- Dark bat silhouettes flying across the sky with occasional flaps and slightly random paths.
- Serif title "Little Phantom." top left with a small italic hint line under it describing how to interact (move the cursor to lure the ghost, click or tap to scare it).
- A round, shallow, glossy plate with a pink to violet gradient surface and a white ceramic rim, seen from a three-quarter top view, with a soft shadow.
- Small refined UI. Cute but elegant, like a limited edition Halloween collectible.

THE GHOST
- A small round-headed ghost with a soft wavy hem, two rounded stubby arms, big dark oval eyes and a tiny round mouth.
- Material: translucent jelly with a soft glow inside, subtle subsurface light and a glossy highlight along the head.
- Idle behavior: gentle floating bob, slow turning, blinking eyes, tiny sparkles trailing behind it.
- Spirit glow colors: white, green, orange, purple, pink and red. Switching one smoothly recolors the glow of the ghost and the ambient light.

JELLY PHYSICS AND BEHAVIOR
- A soft-body wobble layer on top of the floating motion: the ghost squashes, stretches and jiggles when it moves, turns or is poked.
- The ghost follows the cursor or finger with a lazy delay, leaning and stretching toward it, and drifts around the plate when idle.
- "Boo!" makes the ghost puff up, pop its mouth into an "O" shape, jump upward, flash its glow and burst a ring of sparkles and a quick scatter of bats.
- Click and drag to grab the ghost and fling it, with soft follow-through and a happy wobble when released.
- A jiggle slider controls stiffness and damping, from tight and bouncy to loose and gooey.

CONTROLS
- A large orange pill button "Boo!" (also Space bar).
- Spirit glow swatches along the bottom left.
- Top right buttons: "Table view" and "Settings".
- Settings panel: jiggle slider, auto-rotate toggle, sound on or off.
- Keyboard: Space to boo, R to reset, 1 to 6 to switch glow colors.

SOUND AND POLISH
- Soft spooky chimes, tiny giggles, wing flaps and squishy plops synthesized with WebAudio (no files), tied to the ghost's speed and the Boo trigger.
- 60 fps, adaptive pixel ratio, filmic tone mapping, gentle bloom on the ghost glow and the sparkles, soft contact shadows.
- Smooth camera orbit with inertia and an optional gentle auto-rotate.
- Works on desktop and mobile touch. Clean, commented code in one HTML file with constants grouped at the top.
```

Not rebuilt by 3dmotion yet. Credit stays with @bluumik.

Prompt by @bluumik (https://x.com/bluumik/status/2114570718725783738) via 3dmotion.io/e/little-phantom-jelly-ghost