โ† All examples

Large Scene Boundary

Valid scene at the initial maximum canvas boundary.

Large Scene Boundary Valid scene at the initial maximum canvas boundary. {"version":"0.1","sceneId":"large-scene-boundary","targets":[{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Large Scene Boundary","label":"Large Scene Boundary"},{"nodeId":"safe-area","semanticRole":"shape","animation":"fade","order":1,"startPct":32,"durationPct":8,"value":"Safe area","label":"Safe area"},{"nodeId":"caption","semanticRole":"label","animation":"label","order":2,"startPct":52,"durationPct":8,"value":"All content remains inside the 4096 by 4096 canvas.","label":"All content remains inside the 4096 by 4096 canvas."}]} Large Scene Boundary Safe area All content remains inside the 4096 by 4096 canvas.
{
  "version": "0.1",
  "schemaVersion": "0.1",
  "id": "large-scene-boundary",
  "title": "Large Scene Boundary",
  "description": "Valid scene at the initial maximum canvas boundary.",
  "canvas": {
    "width": 4096,
    "height": 4096,
    "background": "background",
    "padding": 96
  },
  "theme": {
    "id": "clean-light"
  },
  "nodes": [
    {
      "id": "title",
      "x": 2048,
      "y": 160,
      "type": "text",
      "text": "Large Scene Boundary",
      "fontSize": 64,
      "fontWeight": 800,
      "align": "center"
    },
    {
      "id": "safe-area",
      "x": 256,
      "y": 320,
      "width": 3584,
      "height": 3200,
      "style": {
        "fill": "#f6f6f1",
        "stroke": "line",
        "strokeWidth": 6
      },
      "type": "roundedRect",
      "radius": 8,
      "label": "Safe area"
    },
    {
      "id": "caption",
      "x": 2048,
      "y": 3820,
      "width": 3000,
      "type": "text",
      "text": "All content remains inside the 4096 by 4096 canvas.",
      "fontSize": 42,
      "align": "center",
      "wrap": true
    }
  ]
}