<a-sphere>
Note: This documentation is for the old 0.1.0 version of A-Frame. Check out the documentation for the current 1.7.0 version
The sphere primitive wraps an entity that contains geometry and material components.
| Attribute | Default Value | Component Mapping |
|---|---|---|
| color | gray | material.color |
| metalness | 0.0 | material.metalness |
| opacity | 1.0 | material.opacity |
| radius | 0.85 | geometry.radius |
| roughness | 0.5 | material.roughness |
| segments-height | 18 | geometry.segmentsHeight |
| segments-width | 36 | geometry.segmentsWidth |
| shader | standard | material.shader |
| src | None | material.src |
| translate | 0 0 0 | geometry.translate |
| transparent | true | material.transparent |
Image format
To ensure a seamless texture on a sphere sphere, images must use an equirectangular projection.
Examples
Yellow sphere:
<a-sphere color="yellow" radius="5"></a-sphere> |