# Scene
Represents a scene in the animation.

{/* Do not edit this file. It is automatically generated by API Documenter. */}

## Scene interface

Represents a scene in the animation.

**Signature:**

```typescript
interface Scene extends BaseAssetMixin
```

**Extends:** [BaseAssetMixin](/en/creator-api/types/base-asset-mixin)

## Remarks

A scene represents a container for animation content. It defines dimensions, framerate, duration, and contain layers.

## Example

```ts
const scene = creator.createScene({
  name: "New Scene",
  size: { width: 1920, height: 1080 },
  framerate: 60,
  duration: 5,
});
```

## Properties

<table>
  <thead>
    <tr>
      <th>
        Property
      </th>

      <th>
        Modifiers
      </th>

      <th>
        Type
      </th>

      <th>
        Description
      </th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>
        [backgroundColor](/en/creator-api/nodes/scene/background-color)
      </td>

      <td />

      <td>
        [Color](/en/creator-api/values/color)
      </td>

      <td>
        Background color of the scene
      </td>
    </tr>

    <tr>
      <td>
        [duration](/en/creator-api/nodes/scene/duration)
      </td>

      <td />

      <td>
        number
      </td>

      <td>
        Duration of the scene in seconds
      </td>
    </tr>

    <tr>
      <td>
        [framerate](/en/creator-api/nodes/scene/framerate)
      </td>

      <td />

      <td>
        number
      </td>

      <td>
        Frames per second
      </td>
    </tr>

    <tr>
      <td>
        [isNestableScene](/en/creator-api/nodes/scene/is-nestable-scene)
      </td>

      <td>
        `readonly`
      </td>

      <td>
        boolean
      </td>

      <td>
        Whether this scene can be nested within other scenes.
      </td>
    </tr>

    <tr>
      <td>
        [layers](/en/creator-api/nodes/scene/layers)
      </td>

      <td>
        `readonly`
      </td>

      <td>
        ReadonlyArray\<[Layer](/en/creator-api/nodes/layer)>
      </td>

      <td>
        Array of layers in this scene
      </td>
    </tr>

    <tr>
      <td>
        [size](/en/creator-api/nodes/scene/size)
      </td>

      <td />

      <td>
        [Size](/en/creator-api/values/size)
      </td>

      <td>
        Dimensions of the scene in pixels
      </td>
    </tr>

    <tr>
      <td>
        [type](/en/creator-api/nodes/scene/type)
      </td>

      <td>
        `readonly`
      </td>

      <td>
        "SCENE"
      </td>

      <td>
        Asset type
      </td>
    </tr>
  </tbody>
</table>

## Methods

<table>
  <thead>
    <tr>
      <th>
        Method
      </th>

      <th>
        Description
      </th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>
        [createImageLayer(opts)](/en/creator-api/nodes/scene/create-image-layer)
      </td>

      <td>
        Creates a new image layer
      </td>
    </tr>

    <tr>
      <td>
        [createSceneLayer(opts)](/en/creator-api/nodes/scene/create-scene-layer)
      </td>

      <td>
        Creates a scene layer from a source scene
      </td>
    </tr>

    <tr>
      <td>
        [createShapeLayer(opts)](/en/creator-api/nodes/scene/create-shape-layer)
      </td>

      <td>
        Creates a new shape layer
      </td>
    </tr>

    <tr>
      <td>
        [createTextLayer(opts)](/en/creator-api/nodes/scene/create-text-layer)
      </td>

      <td>
        Creates a new text layer
      </td>
    </tr>

    <tr>
      <td>
        [import(opts)](/en/creator-api/nodes/scene/import)
      </td>

      <td>
        Import animations and images into the scene.
      </td>
    </tr>
  </tbody>
</table>