Skip to content

3D scene

gen_scene3d · slug 3d-scene · icon 🪐 · outputs html, scene3d

A living three.js scene in a single HTML file: lights, materials, camera moves, animation and optional particles, built from a description. Opens in any browser, previews in the Studio, and can become a desktop background.

Inputs

FieldTypeNotes
Describe the scenetextrequired, 10-1500 chars — objects, setting, atmosphere
MoodpickSerene · Dreamlike · Dramatic · Playful · Cold and minimal · Warm and nostalgic
Palettestringoptional
CamerapickSlow orbit, user can drag (default) · Fixed cinematic path · First-person fly · Still camera
Animate objectsbooleandefault true
Particlesbooleandefault true
QualitypickBalanced · Low (older machines) · High (shadows, post effects) (advanced)

Pipeline

StepRoleSkillsTierDepends on
designscene-designerllm.generatecheap
buildengineerscene3d.create, files.write, files.readstandarddesign

The shortest pipeline in the catalogue: design turns your description into a concrete visual plan, build hands that straight to scene3d.create, which does its own model-authoring-plus-validation-plus-procedural-fallback internally — see that skill’s page for exactly how a scene is guaranteed to render even if the model’s script fails validation twice.

Example run

{
"generatorId": "gen_scene3d",
"inputs": {
"description": "A low-poly island at dusk with a lighthouse, gentle waves, and fireflies drifting over the shore.",
"mood": "Dreamlike",
"interaction": "Slow orbit, user can drag"
}
}