motionrender 0.0.0-stage → 0.2.1

package/blocks/fx-sticker-freeze.json

@@ -0,0 +1,584 @@
+{
+  "id": "fx-sticker-freeze",
+  "name": "Sticker freeze",
+  "category": "effect",
+  "kind": "scene",
+  "durationFrames": 150,
+  "transition": {
+    "type": "fade",
+    "durationFrames": 12
+  },
+  "description": "The footage plays, then freezes on a chosen frame: the picture dims to grey and the speaker is lifted out as a sticker with a thick white outline and a shadow that pops into place. Needs a matte of the speaker.",
+  "params": {
+    "footage": {
+      "type": "string",
+      "default": "",
+      "description": "Your video (asset id or relative path)"
+    },
+    "matte": {
+      "type": "string",
+      "default": "",
+      "description": "A matte video or picture of the speaker: white where the speaker is. Make it with rembg, Robust Video Matting or an editor."
+    },
+    "at": {
+      "type": "number",
+      "default": 45,
+      "description": "The frame to freeze on"
+    }
+  },
+  "layers": [
+    {
+      "id": "bg",
+      "type": "rect",
+      "x": 0,
+      "y": 0,
+      "width": "{{canvas.width}}",
+      "height": "{{canvas.height}}",
+      "fill": "{{bg}}"
+    },
+    {
+      "if": "{{footage}}",
+      "id": "play",
+      "type": "video",
+      "src": "{{footage}}",
+      "objectFit": "cover",
+      "x": 0,
+      "y": 0,
+      "width": "{{canvas.width}}",
+      "height": "{{canvas.height}}",
+      "endFrame": "{{at}}"
+    },
+    {
+      "if": "{{footage}}",
+      "id": "hold",
+      "type": "video",
+      "src": "{{footage}}",
+      "objectFit": "cover",
+      "x": 0,
+      "y": 0,
+      "width": "{{canvas.width}}",
+      "height": "{{canvas.height}}",
+      "startFrame": "{{at}}",
+      "trimStart": "{{at}}",
+      "playbackRate": 0.001,
+      "filter": "grayscale(1) brightness(0.55)",
+      "animations": [
+        {
+          "property": "opacity",
+          "keyframes": [
+            {
+              "frame": 0,
+              "value": 0
+            },
+            {
+              "frame": 6,
+              "value": 1
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "if": "{{footage && matte}}",
+      "id": "sticker",
+      "type": "group",
+      "x": 0,
+      "y": 0,
+      "startFrame": "{{at}}",
+      "originX": "center",
+      "originY": "center",
+      "shadow": {
+        "color": "#000000cc",
+        "blur": 40,
+        "offsetX": 0,
+        "offsetY": 24
+      },
+      "animations": [
+        {
+          "property": "scale",
+          "keyframes": [
+            {
+              "frame": 0,
+              "value": 0.9,
+              "easing": "pop"
+            },
+            {
+              "frame": 18,
+              "value": 1
+            }
+          ]
+        },
+        {
+          "property": "rotation",
+          "keyframes": [
+            {
+              "frame": 0,
+              "value": -3,
+              "easing": "land"
+            },
+            {
+              "frame": 18,
+              "value": 0
+            }
+          ]
+        },
+        {
+          "property": "opacity",
+          "keyframes": [
+            {
+              "frame": 0,
+              "value": 0
+            },
+            {
+              "frame": 4,
+              "value": 1
+            }
+          ]
+        }
+      ],
+      "children": [
+        {
+          "id": "outline",
+          "type": "group",
+          "x": 0,
+          "y": 0,
+          "width": "{{canvas.width}}",
+          "height": "{{canvas.height}}",
+          "blur": 1,
+          "children": [
+            {
+              "id": "outline-0",
+              "type": "group",
+              "x": "{{round(min(canvas.width, canvas.height) * 0.01600)}}",
+              "y": "{{round(min(canvas.width, canvas.height) * 0.00000)}}",
+              "width": "{{canvas.width}}",
+              "height": "{{canvas.height}}",
+              "children": [
+                {
+                  "id": "outline-fill-0",
+                  "type": "rect",
+                  "x": 0,
+                  "y": 0,
+                  "width": "{{canvas.width}}",
+                  "height": "{{canvas.height}}",
+                  "fill": "#ffffff",
+                  "matte": {
+                    "src": "{{matte}}",
+                    "mode": "luma",
+                    "trimStart": "{{at}}",
+                    "playbackRate": 0.001
+                  }
+                }
+              ]
+            },
+            {
+              "id": "outline-1",
+              "type": "group",
+              "x": "{{round(min(canvas.width, canvas.height) * 0.01478)}}",
+              "y": "{{round(min(canvas.width, canvas.height) * 0.00612)}}",
+              "width": "{{canvas.width}}",
+              "height": "{{canvas.height}}",
+              "children": [
+                {
+                  "id": "outline-fill-1",
+                  "type": "rect",
+                  "x": 0,
+                  "y": 0,
+                  "width": "{{canvas.width}}",
+                  "height": "{{canvas.height}}",
+                  "fill": "#ffffff",
+                  "matte": {
+                    "src": "{{matte}}",
+                    "mode": "luma",
+                    "trimStart": "{{at}}",
+                    "playbackRate": 0.001
+                  }
+                }
+              ]
+            },
+            {
+              "id": "outline-2",
+              "type": "group",
+              "x": "{{round(min(canvas.width, canvas.height) * 0.01131)}}",
+              "y": "{{round(min(canvas.width, canvas.height) * 0.01131)}}",
+              "width": "{{canvas.width}}",
+              "height": "{{canvas.height}}",
+              "children": [
+                {
+                  "id": "outline-fill-2",
+                  "type": "rect",
+                  "x": 0,
+                  "y": 0,
+                  "width": "{{canvas.width}}",
+                  "height": "{{canvas.height}}",
+                  "fill": "#ffffff",
+                  "matte": {
+                    "src": "{{matte}}",
+                    "mode": "luma",
+                    "trimStart": "{{at}}",
+                    "playbackRate": 0.001
+                  }
+                }
+              ]
+            },
+            {
+              "id": "outline-3",
+              "type": "group",
+              "x": "{{round(min(canvas.width, canvas.height) * 0.00612)}}",
+              "y": "{{round(min(canvas.width, canvas.height) * 0.01478)}}",
+              "width": "{{canvas.width}}",
+              "height": "{{canvas.height}}",
+              "children": [
+                {
+                  "id": "outline-fill-3",
+                  "type": "rect",
+                  "x": 0,
+                  "y": 0,
+                  "width": "{{canvas.width}}",
+                  "height": "{{canvas.height}}",
+                  "fill": "#ffffff",
+                  "matte": {
+                    "src": "{{matte}}",
+                    "mode": "luma",
+                    "trimStart": "{{at}}",
+                    "playbackRate": 0.001
+                  }
+                }
+              ]
+            },
+            {
+              "id": "outline-4",
+              "type": "group",
+              "x": "{{round(min(canvas.width, canvas.height) * 0.00000)}}",
+              "y": "{{round(min(canvas.width, canvas.height) * 0.01600)}}",
+              "width": "{{canvas.width}}",
+              "height": "{{canvas.height}}",
+              "children": [
+                {
+                  "id": "outline-fill-4",
+                  "type": "rect",
+                  "x": 0,
+                  "y": 0,
+                  "width": "{{canvas.width}}",
+                  "height": "{{canvas.height}}",
+                  "fill": "#ffffff",
+                  "matte": {
+                    "src": "{{matte}}",
+                    "mode": "luma",
+                    "trimStart": "{{at}}",
+                    "playbackRate": 0.001
+                  }
+                }
+              ]
+            },
+            {
+              "id": "outline-5",
+              "type": "group",
+              "x": "{{round(min(canvas.width, canvas.height) * -0.00612)}}",
+              "y": "{{round(min(canvas.width, canvas.height) * 0.01478)}}",
+              "width": "{{canvas.width}}",
+              "height": "{{canvas.height}}",
+              "children": [
+                {
+                  "id": "outline-fill-5",
+                  "type": "rect",
+                  "x": 0,
+                  "y": 0,
+                  "width": "{{canvas.width}}",
+                  "height": "{{canvas.height}}",
+                  "fill": "#ffffff",
+                  "matte": {
+                    "src": "{{matte}}",
+                    "mode": "luma",
+                    "trimStart": "{{at}}",
+                    "playbackRate": 0.001
+                  }
+                }
+              ]
+            },
+            {
+              "id": "outline-6",
+              "type": "group",
+              "x": "{{round(min(canvas.width, canvas.height) * -0.01131)}}",
+              "y": "{{round(min(canvas.width, canvas.height) * 0.01131)}}",
+              "width": "{{canvas.width}}",
+              "height": "{{canvas.height}}",
+              "children": [
+                {
+                  "id": "outline-fill-6",
+                  "type": "rect",
+                  "x": 0,
+                  "y": 0,
+                  "width": "{{canvas.width}}",
+                  "height": "{{canvas.height}}",
+                  "fill": "#ffffff",
+                  "matte": {
+                    "src": "{{matte}}",
+                    "mode": "luma",
+                    "trimStart": "{{at}}",
+                    "playbackRate": 0.001
+                  }
+                }
+              ]
+            },
+            {
+              "id": "outline-7",
+              "type": "group",
+              "x": "{{round(min(canvas.width, canvas.height) * -0.01478)}}",
+              "y": "{{round(min(canvas.width, canvas.height) * 0.00612)}}",
+              "width": "{{canvas.width}}",
+              "height": "{{canvas.height}}",
+              "children": [
+                {
+                  "id": "outline-fill-7",
+                  "type": "rect",
+                  "x": 0,
+                  "y": 0,
+                  "width": "{{canvas.width}}",
+                  "height": "{{canvas.height}}",
+                  "fill": "#ffffff",
+                  "matte": {
+                    "src": "{{matte}}",
+                    "mode": "luma",
+                    "trimStart": "{{at}}",
+                    "playbackRate": 0.001
+                  }
+                }
+              ]
+            },
+            {
+              "id": "outline-8",
+              "type": "group",
+              "x": "{{round(min(canvas.width, canvas.height) * -0.01600)}}",
+              "y": "{{round(min(canvas.width, canvas.height) * 0.00000)}}",
+              "width": "{{canvas.width}}",
+              "height": "{{canvas.height}}",
+              "children": [
+                {
+                  "id": "outline-fill-8",
+                  "type": "rect",
+                  "x": 0,
+                  "y": 0,
+                  "width": "{{canvas.width}}",
+                  "height": "{{canvas.height}}",
+                  "fill": "#ffffff",
+                  "matte": {
+                    "src": "{{matte}}",
+                    "mode": "luma",
+                    "trimStart": "{{at}}",
+                    "playbackRate": 0.001
+                  }
+                }
+              ]
+            },
+            {
+              "id": "outline-9",
+              "type": "group",
+              "x": "{{round(min(canvas.width, canvas.height) * -0.01478)}}",
+              "y": "{{round(min(canvas.width, canvas.height) * -0.00612)}}",
+              "width": "{{canvas.width}}",
+              "height": "{{canvas.height}}",
+              "children": [
+                {
+                  "id": "outline-fill-9",
+                  "type": "rect",
+                  "x": 0,
+                  "y": 0,
+                  "width": "{{canvas.width}}",
+                  "height": "{{canvas.height}}",
+                  "fill": "#ffffff",
+                  "matte": {
+                    "src": "{{matte}}",
+                    "mode": "luma",
+                    "trimStart": "{{at}}",
+                    "playbackRate": 0.001
+                  }
+                }
+              ]
+            },
+            {
+              "id": "outline-10",
+              "type": "group",
+              "x": "{{round(min(canvas.width, canvas.height) * -0.01131)}}",
+              "y": "{{round(min(canvas.width, canvas.height) * -0.01131)}}",
+              "width": "{{canvas.width}}",
+              "height": "{{canvas.height}}",
+              "children": [
+                {
+                  "id": "outline-fill-10",
+                  "type": "rect",
+                  "x": 0,
+                  "y": 0,
+                  "width": "{{canvas.width}}",
+                  "height": "{{canvas.height}}",
+                  "fill": "#ffffff",
+                  "matte": {
+                    "src": "{{matte}}",
+                    "mode": "luma",
+                    "trimStart": "{{at}}",
+                    "playbackRate": 0.001
+                  }
+                }
+              ]
+            },
+            {
+              "id": "outline-11",
+              "type": "group",
+              "x": "{{round(min(canvas.width, canvas.height) * -0.00612)}}",
+              "y": "{{round(min(canvas.width, canvas.height) * -0.01478)}}",
+              "width": "{{canvas.width}}",
+              "height": "{{canvas.height}}",
+              "children": [
+                {
+                  "id": "outline-fill-11",
+                  "type": "rect",
+                  "x": 0,
+                  "y": 0,
+                  "width": "{{canvas.width}}",
+                  "height": "{{canvas.height}}",
+                  "fill": "#ffffff",
+                  "matte": {
+                    "src": "{{matte}}",
+                    "mode": "luma",
+                    "trimStart": "{{at}}",
+                    "playbackRate": 0.001
+                  }
+                }
+              ]
+            },
+            {
+              "id": "outline-12",
+              "type": "group",
+              "x": "{{round(min(canvas.width, canvas.height) * -0.00000)}}",
+              "y": "{{round(min(canvas.width, canvas.height) * -0.01600)}}",
+              "width": "{{canvas.width}}",
+              "height": "{{canvas.height}}",
+              "children": [
+                {
+                  "id": "outline-fill-12",
+                  "type": "rect",
+                  "x": 0,
+                  "y": 0,
+                  "width": "{{canvas.width}}",
+                  "height": "{{canvas.height}}",
+                  "fill": "#ffffff",
+                  "matte": {
+                    "src": "{{matte}}",
+                    "mode": "luma",
+                    "trimStart": "{{at}}",
+                    "playbackRate": 0.001
+                  }
+                }
+              ]
+            },
+            {
+              "id": "outline-13",
+              "type": "group",
+              "x": "{{round(min(canvas.width, canvas.height) * 0.00612)}}",
+              "y": "{{round(min(canvas.width, canvas.height) * -0.01478)}}",
+              "width": "{{canvas.width}}",
+              "height": "{{canvas.height}}",
+              "children": [
+                {
+                  "id": "outline-fill-13",
+                  "type": "rect",
+                  "x": 0,
+                  "y": 0,
+                  "width": "{{canvas.width}}",
+                  "height": "{{canvas.height}}",
+                  "fill": "#ffffff",
+                  "matte": {
+                    "src": "{{matte}}",
+                    "mode": "luma",
+                    "trimStart": "{{at}}",
+                    "playbackRate": 0.001
+                  }
+                }
+              ]
+            },
+            {
+              "id": "outline-14",
+              "type": "group",
+              "x": "{{round(min(canvas.width, canvas.height) * 0.01131)}}",
+              "y": "{{round(min(canvas.width, canvas.height) * -0.01131)}}",
+              "width": "{{canvas.width}}",
+              "height": "{{canvas.height}}",
+              "children": [
+                {
+                  "id": "outline-fill-14",
+                  "type": "rect",
+                  "x": 0,
+                  "y": 0,
+                  "width": "{{canvas.width}}",
+                  "height": "{{canvas.height}}",
+                  "fill": "#ffffff",
+                  "matte": {
+                    "src": "{{matte}}",
+                    "mode": "luma",
+                    "trimStart": "{{at}}",
+                    "playbackRate": 0.001
+                  }
+                }
+              ]
+            },
+            {
+              "id": "outline-15",
+              "type": "group",
+              "x": "{{round(min(canvas.width, canvas.height) * 0.01478)}}",
+              "y": "{{round(min(canvas.width, canvas.height) * -0.00612)}}",
+              "width": "{{canvas.width}}",
+              "height": "{{canvas.height}}",
+              "children": [
+                {
+                  "id": "outline-fill-15",
+                  "type": "rect",
+                  "x": 0,
+                  "y": 0,
+                  "width": "{{canvas.width}}",
+                  "height": "{{canvas.height}}",
+                  "fill": "#ffffff",
+                  "matte": {
+                    "src": "{{matte}}",
+                    "mode": "luma",
+                    "trimStart": "{{at}}",
+                    "playbackRate": 0.001
+                  }
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "id": "cutout",
+          "type": "video",
+          "src": "{{footage}}",
+          "objectFit": "cover",
+          "x": 0,
+          "y": 0,
+          "width": "{{canvas.width}}",
+          "height": "{{canvas.height}}",
+          "trimStart": "{{at}}",
+          "playbackRate": 0.001,
+          "matte": {
+            "src": "{{matte}}",
+            "mode": "luma"
+          }
+        }
+      ]
+    },
+    {
+      "id": "sfx-1",
+      "type": "audio",
+      "src": "sfx:click",
+      "startFrame": "{{at}}",
+      "volume": 0.4
+    },
+    {
+      "id": "sfx-2",
+      "type": "audio",
+      "src": "sfx:pop",
+      "startFrame": "{{at + 4}}",
+      "volume": 0.35
+    }
+  ]
+}

package/blocks/fx-strike-rewrite.json

@@ -0,0 +1,79 @@
+{
+  "id": "fx-strike-rewrite",
+  "name": "Strike and rewrite",
+  "category": "effect",
+  "kind": "overlay",
+  "durationFrames": 120,
+  "description": "An old statement in white, struck through in red, with the corrected statement rising in beneath it in the accent colour.",
+  "params": {
+    "old": {
+      "type": "string",
+      "default": "Edit every frame by hand"
+    },
+    "corrected": {
+      "type": "string",
+      "default": "Describe the video once"
+    }
+  },
+  "layers": [
+    {
+      "id": "rewrite",
+      "type": "html",
+      "html": "<div class='o'>{{old}}</div><div class='n'>{{corrected}}</div>",
+      "css": ".o{position:relative;display:inline-block;font:700 {{round(min(canvas.width, canvas.height) * 0.055)}}px Inter;color:#fff}.o::after{content:'';position:absolute;left:-2%;top:54%;height:{{round(min(canvas.width, canvas.height) * 0.008)}}px;width:calc(var(--s) * 104%);background:#ff4d4d;border-radius:4px}.n{margin-top:{{round(min(canvas.width, canvas.height) * 0.025)}}px;font:800 {{round(min(canvas.width, canvas.height) * 0.065)}}px Inter;color:var(--accent2);opacity:var(--r);transform:translateY(calc((1 - var(--r)) * 30px))}",
+      "vars": {
+        "--s": 0,
+        "--r": 0,
+        "--accent2": "{{accent2}}"
+      },
+      "animations": [
+        {
+          "property": "--s",
+          "keyframes": [
+            {
+              "frame": 24,
+              "value": 0
+            },
+            {
+              "frame": 44,
+              "value": 1,
+              "easing": "land"
+            }
+          ]
+        },
+        {
+          "property": "--r",
+          "keyframes": [
+            {
+              "frame": 52,
+              "value": 0
+            },
+            {
+              "frame": 72,
+              "value": 1,
+              "easing": "land"
+            }
+          ]
+        }
+      ],
+      "x": "{{round(canvas.width * 0.06)}}",
+      "y": "{{round(canvas.height * 0.5)}}",
+      "width": "{{round(canvas.width * 0.88)}}",
+      "height": "{{round(min(canvas.width, canvas.height) * 0.3)}}"
+    },
+    {
+      "id": "sfx-1",
+      "type": "audio",
+      "src": "sfx:tick",
+      "startFrame": 24,
+      "volume": 0.35
+    },
+    {
+      "id": "sfx-2",
+      "type": "audio",
+      "src": "sfx:ding",
+      "startFrame": 52,
+      "volume": 0.3
+    }
+  ]
+}