Build Jelly Diorama
Interactive 3D miniature worlds inside wobbly jelly
Build Jelly Diorama
Interactive 3D miniature worlds inside wobbly jelly
Showcase
Jelly Koi Pond
Jelly Koi Pond
Jelly Koi Pond
Jelly Koi Pond
Description
Builds an interactive 3D miniature scene inside a glossy, see-through jelly as a single HTML page. The jelly stretches, bounces and wobbles when dragged, with softness, colour and mode controls.
Recommended by
Dancang
Why we love this skill
An editor’s pick for turning any scene into a tactile miniature world: procedural Three.js jelly combines convincing translucency, shared soft-body physics, attached inhabitants, ripples, and polished controls in one self-contained interactive diorama.
Best for
Creative technologists, designers, and creators who want playful interactive 3D diorama webpages from a scene concept.
How to use this Skill
Provide your input
Provide a scene idea, such as a koi pond, coral reef, terrarium, or snow village, plus any preferred jelly shape, colors, title, or controls.
Run the Skill
The skill turns your concept into an interactive miniature 3D diorama with draggable jelly deformation, wobble and ripple interactions, ambient motion, and an editorial control bar.
Review your result
Receive a self-contained HTML webpage featuring a glossy translucent jelly world, attached interior and surface details, responsive layout, color options, softness control, interaction modes, and reset.
Related Skills
View all
Interactive Mouse Scrub Portfolio
Create interactive websites featuring a signature cursor-controlled video scrub (where mouse movement rotates or plays through a video smoothly) paired with horizontal parallax collage storytelling.
Information
- Version
- v3
- Last updated
- Runtime credits
- Usage-based
- Models
- Auto
- Use cases
- Images & designWeb creation
- What you get
- Webpage
- Visual styles
- Editorial3DPlayful
