3DPrompt.
GitHub
Back to the library
GPT-6 AstraReference brief

Create an Interactive Soft-Body Slime with Three.js and WebGPU

The creator showcases a browser-based slime app called Softie and later shares the prompt used to make it. The prompt calls for a draggable, squeezable soft-body slime with adjustable controls.

Created by 码农暖爸View original source
Create an Interactive Soft-Body Slime with Three.js and WebGPU

About this example

A starting brief based on the creator's public project, not a verbatim original prompt. Your result will vary.

Creator notes

Create a new directory and build a browser-playable slime page. Use Three.js and WebGPU—do not fall back to WebGL. Place a round, plump slime in the center. Pink or teal-green is fine; make it semi-transparent, with faint bubbles visible inside. Let the user press and drag it with the mouse. When released, it should wobble back into shape, respond to light gravity, and gently land on an invisible tabletop. Don't make it look like a hard ball; it should feel soft and fleshy. Add a cute face: two black bead-like eyes and a small mouth that deform with the surface. The eyes and mouth should not be separate from the body. Add a few simple controls on the right for color, softness, and damping. A "Poke" button should make it bounce. Keep the page clean, with a light gray background and a large title. It should run at 60 FPS. First create a target image, then build to match it. Only add more detail after the screenshot looks right.

GPT6 AstraThree.jsWebGPUslimesoft-body interactionbrowser app

The prompt

Create a new directory and build a browser-playable slime page. Use Three.js and WebGPU—do not fall back to WebGL. Place a round, plump slime in the center. Pink or teal-green is fine; make it semi-transparent, with faint bubbles visible inside. Let the user press and drag it with the mouse. When released, it should wobble back into shape, respond to light gravity, and gently land on an invisible tabletop. Don't make it look like a hard ball; it should feel soft and fleshy. Add a cute face: two black bead-like eyes and a small mouth that deform with the surface. The eyes and mouth should not be separate from the body. Add a few simple controls on the right for color, softness, and damping. A "Poke" button should make it bounce. Keep the page clean, with a light gray background and a large title. It should run at 60 FPS. First create a target image, then build to match it. Only add more detail after the screenshot looks right.

How to use this prompt

01

Start with the right workspace

Open your preferred coding assistant or 3D tool. Use the model shown on the example as a starting point, and check any linked project for setup instructions.

02

Choose one thing to change

Swap the subject, art style or setting. Keep the camera and interaction clear. Build a small version first, then refine one detail at a time.

03

Give the scene its own assets

For a custom character or prop, create a 3D model from a short object description or reference image, then bring it into your project.

Previews belong to their respective creators. Check the original source and project license before reusing code or assets.