# SkyElement

Class · extends [`AsyncElement`](https://api.playcanvas.com/web-components/classes/AsyncElement.md) · category: Application

Source: https://github.com/playcanvas/web-components/blob/252f001881302c266c8d727044408c32be2bb5e7/src/sky.ts#L20

The SkyElement interface provides properties and methods for manipulating
`<pc-sky>` elements. The SkyElement interface also inherits the properties and
methods of the [HTMLElement](https://developer.mozilla.org/docs/Web/API/HTMLElement) interface.

**elementSummary** The `<pc-sky>` element renders a skybox from a texture asset, projected as an
infinite background, a box or a dome, and optionally lights the scene from it. Must be a direct
child of `<pc-scene>`.

## Accessors

### asset

```ts
get asset(): string
set asset(value: string)
```

Gets the id of the `pc-asset` to use for the skybox.

### center

```ts
get center(): Vec3
set center(value: Vec3)
```

Gets the center of the skybox.

### intensity

```ts
get intensity(): number
set intensity(value: number)
```

Gets the intensity of the skybox.

### lighting

```ts
get lighting(): boolean
set lighting(value: boolean)
```

Gets whether the skybox is used as a light source.

### mipLevel

```ts
get mipLevel(): number
set mipLevel(value: number)
```

Gets the mip level of the skybox.

### rotation

```ts
get rotation(): Vec3
set rotation(value: Vec3)
```

Gets the Euler rotation of the skybox.

### scale

```ts
get scale(): Vec3
set scale(value: Vec3)
```

Gets the scale of the skybox.

### type

```ts
get type(): "none" | "box" | "infinite" | "dome"
set type(value: "none" | "box" | "infinite" | "dome")
```

Gets the type of the skybox.

## Inherited from [AsyncElement](https://api.playcanvas.com/web-components/classes/AsyncElement.md)

- `get closestApp(): AppElement | null`
- `get closestEntity(): EntityBaseElement | null`
- `protected _onReady(): void`
- `protected _resetReady(): void`
- `ready(): Promise<SkyElement>`