Static / Dynamic Scene

Static Scene

A scene is considered static and won't display a timeline when all props have only 1 frame with frame number: 1.

Global Config Generator

new GlobalConfigGenerator()
    .addProp((generator) => {
        generator.type('TABLE').addPosition((positionGenerator) => {
            positionGenerator.x(50).y(50)
        })
    })
    .addProp((generator) => {
        generator.type('CAMERA').addPosition((positionGenerator) => {
            positionGenerator.x(200).y(200)
        })
    })

Prop Config Generator

const camera = new PropConfigGenerator()
    .type('CAMERA')
    .addPosition((positionGenerator) => {
          positionGenerator.x(200).y(200)
    })
const table = new PropConfigGenerator()
    .type('TABLE')
    .addPosition((positionGenerator) => {
          positionGenerator.x(50).y(50)
    })
new GlobalConfigGenerator().withProps([table, camera])

Config

config.props = [
    {
      "frameAnimationConfig": {
        "1": {
          "x": 50,
          "y": 50,
        }
      },
      "type": "TABLE"
    },
    {
      "frameAnimationConfig": {
        "1": {
          "x": 200,
          "y": 200,
        }
      },
      "type": "CAMERA"
    }
  ]

Dynamic Scene

The scene is considered dynamic if any of the following conditions are met:

• A prop contains more than 1 frame of animation configs
• Multiple props and not all props contain animation configs at the same frame

Multiple frames

Global Config Generator

new GlobalConfigGenerator()
    .addProp((generator) => {
            generator.type('TABLE').addPosition((positionGenerator) => {
                positionGenerator.x(50).y(50)
            }).addPosition((positionGenerator) => {
                positionGenerator.x(90).y(90)
            }, 2)
        })
    .addProp((generator) => {
        generator.type('CAMERA').addPosition((positionGenerator) => {
            positionGenerator.x(200).y(200)
        }).addPosition((positionGenerator) => {
            positionGenerator.x(50).y(50)
        }, 2)
    })

Config

config.props = [
      {
        "frameAnimationConfig": {
          "1": {
            "x": 50,
            "y": 50
          },
          "2": {
            "x": 90,
            "y": 90
          }
        },
        "type": "TABLE"
      },
      {
        "frameAnimationConfig": {
          "1": {
            "x": 200,
            "y": 200
          },
          "2": {
            "x": 50,
            "y": 50
          }
        },
        "type": "CAMERA"
      }
    ]