<a-sky>

Note: This documentation is for the old 0.2.0 version of A-Frame. Check out the documentation for the current 0.5.0 version

The sky primitive adds a background to a scene or display a 360-degree photo. It is an entity that prescribes a large sphere with the material mapped to the inside.

Example

An equirectangular image as a background:

<a-sky src="sky.png"></a-sky>

A plain color as a background:

<a-sky color="#6EBAA7"></a-sky>

Attributes

Note that the sky primitive inherits common mesh attributes.

AttributeComponent MappingDefault Value
radiusgeometry.radius5000
segments-heightgeometry.segmentsHeight64
segments-widthgeometry.segmentsWidth64

Equirectangular Image

In order to be seamless, images should be equirectangular. We can find some sample equirectangular images on Flickr. To take an equirectangular photo, check out this 360-degree photography guide.