motionrender 0.0.0-stage → 0.2.1

package/blocks/fx-tracked-label.json

@@ -0,0 +1,167 @@
+{
+  "id": "fx-tracked-label",
+  "name": "Tracked label",
+  "category": "effect",
+  "kind": "overlay",
+  "durationFrames": 300,
+  "description": "A small glass label that stays beside the speaker as they move. Its path comes from tracking the matte: run ove track on the matte video, then ove add fx-tracked-label with --track track.json.",
+  "params": {
+    "text": {
+      "type": "string",
+      "default": "Open Video Engine"
+    },
+    "caption": {
+      "type": "string",
+      "default": "Founder"
+    },
+    "xKeys": {
+      "type": "list",
+      "items": {
+        "frame": {
+          "type": "number",
+          "default": 0
+        },
+        "value": {
+          "type": "number",
+          "default": 0
+        }
+      },
+      "default": [
+        {
+          "frame": 0,
+          "value": 700
+        },
+        {
+          "frame": 299,
+          "value": 700
+        }
+      ]
+    },
+    "yKeys": {
+      "type": "list",
+      "items": {
+        "frame": {
+          "type": "number",
+          "default": 0
+        },
+        "value": {
+          "type": "number",
+          "default": 0
+        }
+      },
+      "default": [
+        {
+          "frame": 0,
+          "value": 700
+        },
+        {
+          "frame": 299,
+          "value": 700
+        }
+      ]
+    }
+  },
+  "layers": [
+    {
+      "id": "label",
+      "type": "group",
+      "x": "{{0}}",
+      "y": "{{0}}",
+      "width": "{{round(canvas.width * 0.3)}}",
+      "height": "{{round(min(canvas.width, canvas.height) * 0.11)}}",
+      "animations": [
+        {
+          "property": "x",
+          "keyframes": "{{xKeys}}"
+        },
+        {
+          "property": "y",
+          "keyframes": "{{yKeys}}"
+        },
+        {
+          "property": "opacity",
+          "keyframes": [
+            {
+              "frame": 0,
+              "value": 0
+            },
+            {
+              "frame": 12,
+              "value": 1
+            }
+          ]
+        }
+      ],
+      "children": [
+        {
+          "id": "label-bg",
+          "type": "rect",
+          "x": 0,
+          "y": 0,
+          "width": "{{round(canvas.width * 0.3)}}",
+          "height": "{{round(min(canvas.width, canvas.height) * 0.11)}}",
+          "radius": "{{round(min(canvas.width, canvas.height) * 0.03)}}",
+          "fill": "rgba(255,255,255,0.13)",
+          "stroke": "rgba(255,255,255,0.38)",
+          "strokeWidth": 2,
+          "shadow": {
+            "color": "#00000066",
+            "blur": 28,
+            "offsetX": 0,
+            "offsetY": 10
+          }
+        },
+        {
+          "id": "label-shine",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.014)}}",
+          "y": 3,
+          "width": "{{round(canvas.width * 0.3) - round(min(canvas.width, canvas.height) * 0.028)}}",
+          "height": 3,
+          "radius": 2,
+          "fill": "rgba(255,255,255,0.45)"
+        },
+        {
+          "id": "pin",
+          "type": "circle",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.03)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.055)}}",
+          "width": "{{round(min(canvas.width, canvas.height) * 0.02)}}",
+          "fill": "{{accent2}}"
+        },
+        {
+          "id": "t",
+          "type": "text",
+          "content": "{{text}}",
+          "fontSize": "{{round(min(canvas.width, canvas.height) * 0.028)}}",
+          "color": "#ffffff",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.055)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.018)}}",
+          "fontWeight": 800,
+          "maxWidth": "{{round(canvas.width * 0.24)}}",
+          "maxLines": 1,
+          "minFontSize": "{{round(min(canvas.width, canvas.height) * 0.018)}}"
+        },
+        {
+          "id": "c",
+          "type": "text",
+          "content": "{{caption}}",
+          "fontSize": "{{round(min(canvas.width, canvas.height) * 0.022)}}",
+          "color": "{{muted}}",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.055)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.058)}}",
+          "maxWidth": "{{round(canvas.width * 0.24)}}",
+          "maxLines": 1,
+          "minFontSize": "{{round(min(canvas.width, canvas.height) * 0.014)}}"
+        }
+      ]
+    },
+    {
+      "id": "sfx-1",
+      "type": "audio",
+      "src": "sfx:pop",
+      "startFrame": 8,
+      "volume": 0.3
+    }
+  ]
+}

package/blocks/fx-typewriter-quote.json

@@ -0,0 +1,164 @@
+{
+  "id": "fx-typewriter-quote",
+  "name": "Typewriter quote",
+  "category": "effect",
+  "kind": "overlay",
+  "durationFrames": 150,
+  "description": "A quotation in a floating glass card, typed out character by character.",
+  "params": {
+    "quote": {
+      "type": "string",
+      "default": "One composition. Endless possibilities."
+    },
+    "who": {
+      "type": "string",
+      "default": "— Open Video Engine"
+    }
+  },
+  "layers": [
+    {
+      "id": "quote-card",
+      "type": "group",
+      "x": "{{round(canvas.width * 0.06)}}",
+      "y": "{{round(canvas.height * 0.56)}}",
+      "width": "{{round(canvas.width * 0.88)}}",
+      "height": "{{round(min(canvas.width, canvas.height) * 0.36)}}",
+      "originX": "center",
+      "originY": "center",
+      "animations": [
+        {
+          "property": "opacity",
+          "keyframes": [
+            {
+              "frame": 0,
+              "value": 0
+            },
+            {
+              "frame": 10,
+              "value": 1
+            }
+          ]
+        },
+        {
+          "property": "scale",
+          "keyframes": [
+            {
+              "frame": 0,
+              "value": 0.92,
+              "easing": "pop"
+            },
+            {
+              "frame": 16,
+              "value": 1
+            }
+          ]
+        },
+        {
+          "property": "y",
+          "keyframes": [
+            {
+              "frame": 0,
+              "value": "{{round(canvas.height * 0.6)}}",
+              "easing": "land"
+            },
+            {
+              "frame": 20,
+              "value": "{{round(canvas.height * 0.56)}}"
+            }
+          ]
+        }
+      ],
+      "children": [
+        {
+          "id": "quote-card-bg",
+          "type": "rect",
+          "x": 0,
+          "y": 0,
+          "width": "{{round(canvas.width * 0.88)}}",
+          "height": "{{round(min(canvas.width, canvas.height) * 0.36)}}",
+          "radius": "{{round(min(canvas.width, canvas.height) * 0.03)}}",
+          "fill": "rgba(255,255,255,0.13)",
+          "stroke": "rgba(255,255,255,0.38)",
+          "strokeWidth": 2,
+          "shadow": {
+            "color": "#00000066",
+            "blur": 28,
+            "offsetX": 0,
+            "offsetY": 10
+          }
+        },
+        {
+          "id": "quote-card-shine",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.014)}}",
+          "y": 3,
+          "width": "{{round(canvas.width * 0.88) - round(min(canvas.width, canvas.height) * 0.028)}}",
+          "height": 3,
+          "radius": 2,
+          "fill": "rgba(255,255,255,0.45)"
+        },
+        {
+          "id": "quote",
+          "type": "text",
+          "content": "{{quote}}",
+          "fontSize": "{{round(min(canvas.width, canvas.height) * 0.052)}}",
+          "color": "#ffffff",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.04)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.05)}}",
+          "fontWeight": 700,
+          "lineHeight": 1.15,
+          "maxWidth": "{{round(canvas.width * 0.78)}}",
+          "maxLines": 4,
+          "minFontSize": "{{round(min(canvas.width, canvas.height) * 0.03)}}",
+          "startFrame": 14,
+          "split": {
+            "by": "letters",
+            "preset": "typewriter",
+            "stagger": 1.5,
+            "duration": 1
+          }
+        },
+        {
+          "id": "who",
+          "type": "text",
+          "content": "{{who}}",
+          "fontSize": "{{round(min(canvas.width, canvas.height) * 0.03)}}",
+          "color": "{{accent2}}",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.04)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.29)}}",
+          "fontWeight": 600,
+          "startFrame": 104,
+          "animations": [
+            {
+              "property": "opacity",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": 0
+                },
+                {
+                  "frame": 14,
+                  "value": 1
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "id": "sfx-1",
+      "type": "audio",
+      "src": "sfx:pop",
+      "startFrame": 2,
+      "volume": 0.35
+    },
+    {
+      "id": "sfx-2",
+      "type": "audio",
+      "src": "sfx:tick",
+      "startFrame": 14,
+      "volume": 0.25
+    }
+  ]
+}

package/blocks/handle.json

@@ -0,0 +1,43 @@
+{
+  "id": "handle",
+  "name": "Handle",
+  "category": "overlay",
+  "kind": "overlay",
+  "durationFrames": 120,
+  "description": "A social handle or website in the bottom right corner.",
+  "params": {
+    "handle": {
+      "type": "string",
+      "default": "@yourbrand"
+    }
+  },
+  "layers": [
+    {
+      "id": "handle",
+      "type": "text",
+      "content": "{{handle}}",
+      "x": "{{round(canvas.width * 0.94)}}",
+      "y": "{{round(canvas.height * 0.93)}}",
+      "fontSize": "{{round(min(canvas.width, canvas.height) * 0.032)}}",
+      "color": "{{muted}}",
+      "textAlign": "right",
+      "fontWeight": 600,
+      "maxWidth": "{{round(canvas.width * 0.5)}}",
+      "animations": [
+        {
+          "property": "opacity",
+          "keyframes": [
+            {
+              "frame": 0,
+              "value": 0
+            },
+            {
+              "frame": 14,
+              "value": 1
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}