3D Scene
GPU 3D scene with orbit controls.
A GPU-accelerated interactive 3D scene — drag to rotate, scroll to zoom, double-tap to toggle auto-rotate. Combine multiple shapes.
type · scene_3d
A visual explainer the agent uses for 'how does X work' answers.
How to use it
Just ask for it in chat — the agent emits this widget and the shell renders it:
Try saying
“a 3D scene with a rotating cube and a pyramid”
Example
The agent returns this A2UI component (inside the components array of a /chat response):
scene_3d.json
{
"type": "scene_3d",
"height": 300,
"autoRotate": true,
"shapes": [
{
"type": "cube",
"color": "0xFF007AFF",
"size": 1
},
{
"type": "pyramid",
"color": "0xFFFF9800",
"size": 1,
"x": 2
}
]
}Properties
| Prop | Type | Description |
|---|---|---|
shapes | {type,color,size,x,y,z}[] | Shapes (cube/pyramid/octahedron/diamond/sphere) |
autoRotate | boolean | Auto-rotate (default true) |
wireframe | boolean | Wireframe mode |
height | number | Height |
width | number | Width |
Browse the full Widget Index, the Widget Catalog, or learn the A2UI system behind it.