<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> |