motionrender 0.0.0-stage → 0.2.0

package/blocks/fx-day-to-night.json

@@ -0,0 +1,174 @@
+{
+  "id": "fx-day-to-night",
+  "name": "Day to night",
+  "category": "effect",
+  "kind": "scene",
+  "durationFrames": 150,
+  "transition": {
+    "type": "fade",
+    "durationFrames": 12
+  },
+  "description": "Your footage turning from warm daylight to a cool blue night over about two seconds, with a darkening vignette.",
+  "params": {
+    "footage": {
+      "type": "string",
+      "default": "",
+      "description": "The video to put the effect on (asset id or relative path); the theme background shows without one"
+    }
+  },
+  "layers": [
+    {
+      "id": "bg",
+      "type": "rect",
+      "x": 0,
+      "y": 0,
+      "width": "{{canvas.width}}",
+      "height": "{{canvas.height}}",
+      "fill": "{{bg}}"
+    },
+    {
+      "if": "{{footage}}",
+      "id": "footage",
+      "type": "video",
+      "src": "{{footage}}",
+      "objectFit": "cover",
+      "x": 0,
+      "y": 0,
+      "width": "{{canvas.width}}",
+      "height": "{{canvas.height}}"
+    },
+    {
+      "id": "warm",
+      "type": "rect",
+      "x": 0,
+      "y": 0,
+      "width": "{{canvas.width}}",
+      "height": "{{canvas.height}}",
+      "fill": "#ff9a3c",
+      "blendMode": "soft-light",
+      "animations": [
+        {
+          "property": "opacity",
+          "keyframes": [
+            {
+              "frame": 0,
+              "value": 0.55
+            },
+            {
+              "frame": 60,
+              "value": 0.55
+            },
+            {
+              "frame": 90,
+              "value": 0,
+              "easing": "glide"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "id": "cool",
+      "type": "rect",
+      "x": 0,
+      "y": 0,
+      "width": "{{canvas.width}}",
+      "height": "{{canvas.height}}",
+      "fill": "#1d3fd8",
+      "blendMode": "multiply",
+      "opacity": 0,
+      "animations": [
+        {
+          "property": "opacity",
+          "keyframes": [
+            {
+              "frame": 30,
+              "value": 0
+            },
+            {
+              "frame": 90,
+              "value": 0.75,
+              "easing": "glide"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "id": "night",
+      "type": "rect",
+      "x": 0,
+      "y": 0,
+      "width": "{{canvas.width}}",
+      "height": "{{canvas.height}}",
+      "fill": "#050a22",
+      "blendMode": "normal",
+      "opacity": 0,
+      "animations": [
+        {
+          "property": "opacity",
+          "keyframes": [
+            {
+              "frame": 30,
+              "value": 0
+            },
+            {
+              "frame": 90,
+              "value": 0.35,
+              "easing": "glide"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "id": "vignette",
+      "type": "rect",
+      "x": 0,
+      "y": 0,
+      "width": "{{canvas.width}}",
+      "height": "{{canvas.height}}",
+      "fill": {
+        "type": "radial",
+        "center": [
+          "{{round(canvas.width * 0.5)}}",
+          "{{round(canvas.height * 0.45)}}"
+        ],
+        "radius": "{{round(canvas.height * 0.7)}}",
+        "stops": [
+          {
+            "offset": 0.5,
+            "color": "transparent"
+          },
+          {
+            "offset": 1,
+            "color": "#000000b3"
+          }
+        ]
+      },
+      "opacity": 0,
+      "animations": [
+        {
+          "property": "opacity",
+          "keyframes": [
+            {
+              "frame": 30,
+              "value": 0
+            },
+            {
+              "frame": 90,
+              "value": 1
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "id": "sfx-1",
+      "type": "audio",
+      "src": "sfx:riser",
+      "startFrame": 20,
+      "volume": 0.25
+    }
+  ]
+}

package/blocks/fx-duo-title.json

@@ -0,0 +1,245 @@
+{
+  "id": "fx-duo-title",
+  "name": "Duo title",
+  "category": "effect",
+  "kind": "overlay",
+  "durationFrames": 150,
+  "description": "Three big stacked lines low in the frame, scaling and sliding in, with the last in the accent colour, over a dark shade. In front of the picture, not behind the subject.",
+  "params": {
+    "line1": {
+      "type": "string",
+      "default": "ONE VIDEO."
+    },
+    "line2": {
+      "type": "string",
+      "default": "ENDLESS POSSIBILITIES."
+    },
+    "line3": {
+      "type": "string",
+      "default": "POWERED BY OVE."
+    }
+  },
+  "layers": [
+    {
+      "id": "shade",
+      "type": "rect",
+      "x": 0,
+      "y": "{{round(canvas.height * 0.5)}}",
+      "width": "{{canvas.width}}",
+      "height": "{{round(canvas.height * 0.5)}}",
+      "fill": {
+        "type": "linear",
+        "from": [
+          0,
+          "{{round(canvas.height * 0.5)}}"
+        ],
+        "to": [
+          0,
+          "{{canvas.height}}"
+        ],
+        "stops": [
+          {
+            "offset": 0,
+            "color": "transparent"
+          },
+          {
+            "offset": 1,
+            "color": "#000000d9"
+          }
+        ]
+      },
+      "animations": [
+        {
+          "property": "opacity",
+          "keyframes": [
+            {
+              "frame": 0,
+              "value": 0
+            },
+            {
+              "frame": 16,
+              "value": 1
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "id": "stack",
+      "type": "group",
+      "x": "{{round(canvas.width * 0.06)}}",
+      "y": "{{round(canvas.height * 0.6)}}",
+      "width": "{{round(canvas.width * 0.88)}}",
+      "height": "{{round(canvas.height * 0.34)}}",
+      "layout": {
+        "direction": "column",
+        "gap": "{{round(min(canvas.width, canvas.height) * 0.012)}}",
+        "align": "start",
+        "justify": "end"
+      },
+      "children": [
+        {
+          "id": "line1",
+          "type": "text",
+          "content": "{{line1}}",
+          "fontSize": "{{round(min(canvas.width, canvas.height) * 0.12)}}",
+          "color": "#ffffff",
+          "fontWeight": 900,
+          "letterSpacing": "{{-round(min(canvas.width, canvas.height) * 0.004)}}",
+          "lineHeight": 0.95,
+          "maxWidth": "{{round(canvas.width * 0.88)}}",
+          "maxLines": 2,
+          "minFontSize": "{{round(min(canvas.width, canvas.height) * 0.07)}}",
+          "startFrame": 4,
+          "animations": [
+            {
+              "property": "opacity",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": 0
+                },
+                {
+                  "frame": 10,
+                  "value": 1
+                }
+              ]
+            },
+            {
+              "property": "scale",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": 1.25,
+                  "easing": "land"
+                },
+                {
+                  "frame": 22,
+                  "value": 1
+                }
+              ]
+            },
+            {
+              "property": "x",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": "{{round(canvas.width * -0.2)}}",
+                  "easing": "land"
+                },
+                {
+                  "frame": 22,
+                  "value": 0
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "id": "line2",
+          "type": "text",
+          "content": "{{line2}}",
+          "fontSize": "{{round(min(canvas.width, canvas.height) * 0.055)}}",
+          "color": "#ffffff",
+          "fontWeight": 800,
+          "lineHeight": 1,
+          "maxWidth": "{{round(canvas.width * 0.88)}}",
+          "maxLines": 2,
+          "minFontSize": "{{round(min(canvas.width, canvas.height) * 0.035)}}",
+          "startFrame": 14,
+          "animations": [
+            {
+              "property": "opacity",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": 0
+                },
+                {
+                  "frame": 10,
+                  "value": 1
+                }
+              ]
+            },
+            {
+              "property": "x",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": "{{round(canvas.width * 0.2)}}",
+                  "easing": "land"
+                },
+                {
+                  "frame": 24,
+                  "value": 0
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "id": "line3",
+          "type": "text",
+          "content": "{{line3}}",
+          "fontSize": "{{round(min(canvas.width, canvas.height) * 0.05)}}",
+          "color": "{{accent2}}",
+          "fontWeight": 800,
+          "maxWidth": "{{round(canvas.width * 0.88)}}",
+          "maxLines": 1,
+          "minFontSize": "{{round(min(canvas.width, canvas.height) * 0.03)}}",
+          "startFrame": 26,
+          "animations": [
+            {
+              "property": "opacity",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": 0
+                },
+                {
+                  "frame": 10,
+                  "value": 1
+                }
+              ]
+            },
+            {
+              "property": "y",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": 30,
+                  "easing": "land"
+                },
+                {
+                  "frame": 18,
+                  "value": 0
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "id": "sfx-1",
+      "type": "audio",
+      "src": "sfx:thump",
+      "startFrame": 4,
+      "volume": 0.45
+    },
+    {
+      "id": "sfx-2",
+      "type": "audio",
+      "src": "sfx:whoosh",
+      "startFrame": 14,
+      "volume": 0.3
+    },
+    {
+      "id": "sfx-3",
+      "type": "audio",
+      "src": "sfx:ding",
+      "startFrame": 28,
+      "volume": 0.3
+    }
+  ]
+}

package/blocks/fx-duotone.json

@@ -0,0 +1,95 @@
+{
+  "id": "fx-duotone",
+  "name": "Duotone poster",
+  "category": "effect",
+  "kind": "scene",
+  "durationFrames": 150,
+  "transition": {
+    "type": "fade",
+    "durationFrames": 12
+  },
+  "description": "Your footage as a two-colour poster: shadows in the theme background colour, highlights in the accent, with a bold title.",
+  "params": {
+    "footage": {
+      "type": "string",
+      "default": "",
+      "description": "The video to put the effect on (asset id or relative path); the theme background shows without one"
+    },
+    "title": {
+      "type": "string",
+      "default": "BUILD THE FUTURE"
+    }
+  },
+  "layers": [
+    {
+      "id": "bg",
+      "type": "rect",
+      "x": 0,
+      "y": 0,
+      "width": "{{canvas.width}}",
+      "height": "{{canvas.height}}",
+      "fill": "{{bg}}"
+    },
+    {
+      "if": "{{footage}}",
+      "id": "footage",
+      "type": "video",
+      "src": "{{footage}}",
+      "objectFit": "cover",
+      "x": 0,
+      "y": 0,
+      "width": "{{canvas.width}}",
+      "height": "{{canvas.height}}",
+      "filter": "grayscale(1) contrast(1.25) brightness(1.05)"
+    },
+    {
+      "id": "tint",
+      "type": "rect",
+      "x": 0,
+      "y": 0,
+      "width": "{{canvas.width}}",
+      "height": "{{canvas.height}}",
+      "fill": "{{accent}}",
+      "blendMode": "multiply"
+    },
+    {
+      "id": "lift",
+      "type": "rect",
+      "x": 0,
+      "y": 0,
+      "width": "{{canvas.width}}",
+      "height": "{{canvas.height}}",
+      "fill": "{{bg}}",
+      "blendMode": "lighten"
+    },
+    {
+      "id": "title",
+      "type": "text",
+      "content": "{{title}}",
+      "fontSize": "{{round(min(canvas.width, canvas.height) * 0.12)}}",
+      "color": "#ffffff",
+      "x": "{{round(canvas.width * 0.06)}}",
+      "y": "{{round(canvas.height * 0.62)}}",
+      "fontWeight": 900,
+      "lineHeight": 0.98,
+      "maxWidth": "{{round(canvas.width * 0.88)}}",
+      "maxLines": 3,
+      "minFontSize": "{{round(min(canvas.width, canvas.height) * 0.07)}}",
+      "letterSpacing": "{{-round(min(canvas.width, canvas.height) * 0.004)}}",
+      "split": {
+        "by": "words",
+        "stagger": 5,
+        "preset": "rise",
+        "duration": 18
+      },
+      "startFrame": 10
+    },
+    {
+      "id": "sfx-1",
+      "type": "audio",
+      "src": "sfx:thump",
+      "startFrame": 10,
+      "volume": 0.4
+    }
+  ]
+}