animl-cli 0.0.0-stage → 0.1.0

package/modules/motion/capabilities/animation-mix-numeric/example.ani

@@ -0,0 +1,42 @@
+{
+  "anima": "0.1",
+  "name": "animation-mix-numeric",
+  "grid": 20,
+  "requires": ["motion"],
+  "nodes": [
+    {
+      "id": "a",
+      "type": "circle",
+      "center": [0, 0],
+      "r": 1,
+      "fill": {
+        "color": "#000"
+      }
+    }
+  ],
+  "timelines": {
+    "t": {
+      "duration": 2,
+      "tracks": {
+        "a.x": [
+          [0, 0],
+          [2, 20]
+        ]
+      }
+    }
+  },
+  "machine": {
+    "layers": {
+      "l": {
+        "initial": "s",
+        "states": {
+          "s": {
+            "pose": {
+              "a.x": 4
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/modules/motion/capabilities/animation-mix-numeric/example.animl

@@ -0,0 +1,11 @@
+<anima version="0.1" name="animation-mix-numeric" grid="20" requires="motion">
+  <circle id="a" cx="0" cy="0" r="1" fill="#000"/>
+  <timeline name="t" duration="2">
+    <track target="a.x">0 0; 2 20</track>
+  </timeline>
+  <layer name="l" initial="s">
+    <state name="s">
+      <pose a.x="4"/>
+    </state>
+  </layer>
+</anima>

package/modules/motion/capabilities/animation-quantized-playback/example.ani

@@ -0,0 +1,41 @@
+{
+  "anima": "0.1",
+  "name": "animation-quantized-playback",
+  "grid": 20,
+  "requires": ["motion"],
+  "nodes": [
+    {
+      "id": "a",
+      "type": "circle",
+      "center": [0, 0],
+      "r": 1,
+      "fill": {
+        "color": "#000"
+      }
+    }
+  ],
+  "timelines": {
+    "t": {
+      "duration": 2,
+      "tracks": {
+        "a.x": [
+          [0, 0],
+          [2, 20]
+        ]
+      },
+      "quantize": 2
+    }
+  },
+  "machine": {
+    "layers": {
+      "l": {
+        "initial": "s",
+        "states": {
+          "s": {
+            "play": "t"
+          }
+        }
+      }
+    }
+  }
+}

package/modules/motion/capabilities/animation-quantized-playback/example.animl

@@ -0,0 +1,9 @@
+<anima version="0.1" name="animation-quantized-playback" grid="20" requires="motion">
+  <circle id="a" cx="0" cy="0" r="1" fill="#000"/>
+  <timeline name="t" duration="2" quantize="2">
+    <track target="a.x">0 0; 2 20</track>
+  </timeline>
+  <layer name="l" initial="s">
+    <state name="s" play="t"/>
+  </layer>
+</anima>

package/modules/motion/capabilities/animation-reverse/example.ani

@@ -0,0 +1,47 @@
+{
+  "anima": "0.1",
+  "name": "animation-reverse",
+  "grid": 20,
+  "requires": ["motion"],
+  "nodes": [
+    {
+      "id": "a",
+      "type": "circle",
+      "center": [0, 0],
+      "r": 1,
+      "fill": {
+        "color": "#000"
+      }
+    }
+  ],
+  "timelines": {
+    "t": {
+      "duration": 2,
+      "tracks": {
+        "a.x": [
+          [0, 0],
+          [2, 20]
+        ]
+      },
+      "events": [
+        [0.5, "low"],
+        [1, "mid"],
+        [1.5, "high"]
+      ],
+      "work": [0.5, 1.5]
+    }
+  },
+  "machine": {
+    "layers": {
+      "l": {
+        "initial": "s",
+        "states": {
+          "s": {
+            "play": "t",
+            "speed": -1
+          }
+        }
+      }
+    }
+  }
+}

package/modules/motion/capabilities/animation-reverse/example.animl

@@ -0,0 +1,12 @@
+<anima version="0.1" name="animation-reverse" grid="20" requires="motion">
+  <circle id="a" cx="0" cy="0" r="1" fill="#000"/>
+  <timeline name="t" duration="2" work="0.5 1.5">
+    <track target="a.x">0 0; 2 20</track>
+    <event at="0.5" name="low"/>
+    <event at="1" name="mid"/>
+    <event at="1.5" name="high"/>
+  </timeline>
+  <layer name="l" initial="s">
+    <state name="s" play="t" speed="-1"/>
+  </layer>
+</anima>

package/modules/motion/capabilities/animation-seek/example.ani

@@ -0,0 +1,28 @@
+{
+  "anima": "0.1",
+  "name": "animation-seek",
+  "grid": 20,
+  "requires": ["motion"],
+  "nodes": [
+    {
+      "id": "a",
+      "type": "circle",
+      "center": [0, 0],
+      "r": 1,
+      "fill": {
+        "color": "#000"
+      }
+    }
+  ],
+  "timelines": {
+    "t": {
+      "duration": 2,
+      "tracks": {
+        "a.x": [
+          [0, 0],
+          [2, 20]
+        ]
+      }
+    }
+  }
+}

package/modules/motion/capabilities/animation-seek/example.animl

@@ -0,0 +1,6 @@
+<anima version="0.1" name="animation-seek" grid="20" requires="motion">
+  <circle id="a" cx="0" cy="0" r="1" fill="#000"/>
+  <timeline name="t" duration="2">
+    <track target="a.x">0 0; 2 20</track>
+  </timeline>
+</anima>

package/modules/motion/capabilities/animation-work-area/example.ani

@@ -0,0 +1,42 @@
+{
+  "anima": "0.1",
+  "name": "animation-work-area",
+  "grid": 20,
+  "requires": ["motion"],
+  "nodes": [
+    {
+      "id": "a",
+      "type": "circle",
+      "center": [0, 0],
+      "r": 1,
+      "fill": {
+        "color": "#000"
+      }
+    }
+  ],
+  "timelines": {
+    "t": {
+      "duration": 2,
+      "loop": "loop",
+      "tracks": {
+        "a.x": [
+          [0, 0],
+          [2, 20]
+        ]
+      },
+      "work": [0.5, 1.5]
+    }
+  },
+  "machine": {
+    "layers": {
+      "l": {
+        "initial": "s",
+        "states": {
+          "s": {
+            "play": "t"
+          }
+        }
+      }
+    }
+  }
+}

package/modules/motion/capabilities/animation-work-area/example.animl

@@ -0,0 +1,9 @@
+<anima version="0.1" name="animation-work-area" grid="20" requires="motion">
+  <circle id="a" cx="0" cy="0" r="1" fill="#000"/>
+  <timeline name="t" duration="2" loop="loop" work="0.5 1.5">
+    <track target="a.x">0 0; 2 20</track>
+  </timeline>
+  <layer name="l" initial="s">
+    <state name="s" play="t"/>
+  </layer>
+</anima>

package/modules/motion/capabilities/data-bind-keyframes/example.ani

@@ -0,0 +1,52 @@
+{
+  "anima": "0.1",
+  "name": "data-bind-keyframes",
+  "grid": 20,
+  "requires": ["data", "motion"],
+  "nodes": [
+    {
+      "id": "probe",
+      "type": "circle",
+      "center": [10, 10],
+      "r": 1,
+      "fill": {
+        "color": "#000"
+      }
+    }
+  ],
+  "timelines": {
+    "rise": {
+      "duration": 1,
+      "tracks": {
+        "probe.r": [
+          [0, 0],
+          [1, "$peak"]
+        ]
+      }
+    }
+  },
+  "machine": {
+    "layers": {
+      "main": {
+        "initial": "run",
+        "states": {
+          "run": {
+            "play": "rise"
+          }
+        }
+      }
+    }
+  },
+  "data": {
+    "models": {
+      "Levels": {
+        "properties": {
+          "peak": {
+            "type": "number",
+            "default": 8
+          }
+        }
+      }
+    }
+  }
+}

package/modules/motion/capabilities/data-bind-keyframes/example.animl

@@ -0,0 +1,15 @@
+<anima version="0.1" name="data-bind-keyframes" grid="20" requires="data motion">
+  <model name="Levels">
+    <number name="peak" default="8"/>
+  </model>
+  <circle id="probe" cx="10" cy="10" r="1" fill="#000"/>
+  <timeline name="rise" duration="1">
+    <track target="probe.r">
+      <key t="0" value="0"/>
+      <key t="1" value="$peak"/>
+    </track>
+  </timeline>
+  <layer name="main" initial="run">
+    <state name="run" play="rise"/>
+  </layer>
+</anima>

package/modules/motion/capabilities/host-api-animation-metadata/example.ani

@@ -0,0 +1,31 @@
+{
+  "anima": "0.1",
+  "name": "host-api-animation-metadata",
+  "grid": 20,
+  "requires": ["motion"],
+  "nodes": [
+    {
+      "id": "a",
+      "type": "circle",
+      "center": [0, 0],
+      "r": 1,
+      "fill": {
+        "color": "#000"
+      }
+    }
+  ],
+  "timelines": {
+    "t": {
+      "duration": 2,
+      "tracks": {
+        "a.x": [
+          [0, 0],
+          [2, 20]
+        ]
+      },
+      "speed": 2,
+      "quantize": 4,
+      "work": [0.5, 1.5]
+    }
+  }
+}

package/modules/motion/capabilities/host-api-animation-metadata/example.animl

@@ -0,0 +1,6 @@
+<anima version="0.1" name="host-api-animation-metadata" grid="20" requires="motion">
+  <circle id="a" cx="0" cy="0" r="1" fill="#000"/>
+  <timeline name="t" duration="2" speed="2" quantize="4" work="0.5 1.5">
+    <track target="a.x">0 0; 2 20</track>
+  </timeline>
+</anima>

package/modules/motion/capabilities/host-api-low-level-animation/example.ani

@@ -0,0 +1,28 @@
+{
+  "anima": "0.1",
+  "name": "host-api-low-level-animation",
+  "grid": 20,
+  "requires": ["motion"],
+  "nodes": [
+    {
+      "id": "a",
+      "type": "circle",
+      "center": [0, 0],
+      "r": 1,
+      "fill": {
+        "color": "#000"
+      }
+    }
+  ],
+  "timelines": {
+    "t": {
+      "duration": 2,
+      "tracks": {
+        "a.x": [
+          [0, 0],
+          [2, 20]
+        ]
+      }
+    }
+  }
+}

package/modules/motion/capabilities/host-api-low-level-animation/example.animl

@@ -0,0 +1,6 @@
+<anima version="0.1" name="host-api-low-level-animation" grid="20" requires="motion">
+  <circle id="a" cx="0" cy="0" r="1" fill="#000"/>
+  <timeline name="t" duration="2">
+    <track target="a.x">0 0; 2 20</track>
+  </timeline>
+</anima>

package/modules/motion/capabilities/host-api-low-level-scene-query/example.ani

@@ -0,0 +1,41 @@
+{
+  "anima": "0.1",
+  "name": "host-api-low-level-scene-query",
+  "grid": 20,
+  "requires": ["motion"],
+  "nodes": [
+    {
+      "id": "a",
+      "type": "circle",
+      "center": [0, 0],
+      "r": 1,
+      "rotate": 90,
+      "fill": {
+        "color": "#000"
+      }
+    }
+  ],
+  "timelines": {
+    "t": {
+      "duration": 2,
+      "tracks": {
+        "a.pivotX": [
+          [0, 0],
+          [2, 4]
+        ]
+      }
+    }
+  },
+  "machine": {
+    "layers": {
+      "l": {
+        "initial": "s",
+        "states": {
+          "s": {
+            "play": "t"
+          }
+        }
+      }
+    }
+  }
+}

package/modules/motion/capabilities/host-api-low-level-scene-query/example.animl

@@ -0,0 +1,9 @@
+<anima version="0.1" name="host-api-low-level-scene-query" grid="20" requires="motion">
+  <circle id="a" cx="0" cy="0" r="1" rotate="90" fill="#000"/>
+  <timeline name="t" duration="2">
+    <track target="a.pivotX">0 0; 2 4</track>
+  </timeline>
+  <layer name="l" initial="s">
+    <state name="s" play="t"/>
+  </layer>
+</anima>

package/modules/motion/capabilities/host-api-multi-state-machine/example.ani

@@ -0,0 +1,62 @@
+{
+  "anima": "0.1",
+  "name": "host-api-multi-state-machine",
+  "grid": 20,
+  "requires": ["motion"],
+  "nodes": [
+    {
+      "id": "a",
+      "type": "circle",
+      "center": [0, 0],
+      "r": 1,
+      "fill": {
+        "color": "#000"
+      }
+    }
+  ],
+  "machine": {
+    "layers": {
+      "l": {
+        "initial": "s",
+        "states": {
+          "s": {
+            "pose": {
+              "a.x": 1,
+              "a.y": 2
+            }
+          }
+        }
+      }
+    }
+  },
+  "machines": {
+    "one": {
+      "layers": {
+        "l": {
+          "initial": "s",
+          "states": {
+            "s": {
+              "pose": {
+                "a.x": 4
+              }
+            }
+          }
+        }
+      }
+    },
+    "two": {
+      "layers": {
+        "l": {
+          "initial": "s",
+          "states": {
+            "s": {
+              "pose": {
+                "a.x": 8
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/modules/motion/capabilities/host-api-multi-state-machine/example.animl

@@ -0,0 +1,22 @@
+<anima version="0.1" name="host-api-multi-state-machine" grid="20" requires="motion">
+  <circle id="a" cx="0" cy="0" r="1" fill="#000"/>
+  <layer name="l" initial="s">
+    <state name="s">
+      <pose a.x="1" a.y="2"/>
+    </state>
+  </layer>
+  <machine name="one">
+    <layer name="l" initial="s">
+      <state name="s">
+        <pose a.x="4"/>
+      </state>
+    </layer>
+  </machine>
+  <machine name="two">
+    <layer name="l" initial="s">
+      <state name="s">
+        <pose a.x="8"/>
+      </state>
+    </layer>
+  </machine>
+</anima>

package/modules/motion/capabilities/host-api-scrub/example.ani

@@ -0,0 +1,29 @@
+{
+  "anima": "0.1",
+  "name": "host-api-scrub",
+  "grid": 20,
+  "requires": ["motion"],
+  "nodes": [
+    {
+      "id": "a",
+      "type": "circle",
+      "center": [0, 0],
+      "r": 1,
+      "fill": {
+        "color": "#000"
+      }
+    }
+  ],
+  "timelines": {
+    "t": {
+      "duration": 2,
+      "tracks": {
+        "a.x": [
+          [0, 0],
+          [2, 20]
+        ]
+      },
+      "work": [0.5, 1.5]
+    }
+  }
+}

package/modules/motion/capabilities/host-api-scrub/example.animl

@@ -0,0 +1,6 @@
+<anima version="0.1" name="host-api-scrub" grid="20" requires="motion">
+  <circle id="a" cx="0" cy="0" r="1" fill="#000"/>
+  <timeline name="t" duration="2" work="0.5 1.5">
+    <track target="a.x">0 0; 2 20</track>
+  </timeline>
+</anima>

package/modules/motion/capabilities/state-machine-exit-time-seconds/example.ani

@@ -0,0 +1,60 @@
+{
+  "anima": "0.1",
+  "name": "state-machine-exit-time-seconds",
+  "grid": 20,
+  "requires": ["motion"],
+  "nodes": [
+    {
+      "id": "a",
+      "type": "circle",
+      "center": [0, 0],
+      "r": 1,
+      "fill": {
+        "color": "#000"
+      }
+    }
+  ],
+  "timelines": {
+    "t": {
+      "duration": 2,
+      "tracks": {
+        "a.x": [
+          [0, 0],
+          [2, 20]
+        ]
+      }
+    },
+    "u": {
+      "duration": 1,
+      "tracks": {
+        "a.y": [
+          [0, 0],
+          [1, 4]
+        ]
+      }
+    }
+  },
+  "machine": {
+    "layers": {
+      "l": {
+        "initial": "s",
+        "states": {
+          "s": {
+            "play": "t",
+            "speed": 2,
+            "on": [
+              {
+                "when": "@after(0)",
+                "to": "next",
+                "exit": 1
+              }
+            ]
+          },
+          "next": {
+            "play": "u"
+          }
+        }
+      }
+    }
+  }
+}

package/modules/motion/capabilities/state-machine-exit-time-seconds/example.animl

@@ -0,0 +1,15 @@
+<anima version="0.1" name="state-machine-exit-time-seconds" grid="20" requires="motion">
+  <circle id="a" cx="0" cy="0" r="1" fill="#000"/>
+  <timeline name="t" duration="2">
+    <track target="a.x">0 0; 2 20</track>
+  </timeline>
+  <timeline name="u" duration="1">
+    <track target="a.y">0 0; 1 4</track>
+  </timeline>
+  <layer name="l" initial="s">
+    <state name="s" play="t" speed="2">
+      <on when="@after(0)" to="next" exit="1"/>
+    </state>
+    <state name="next" play="u"/>
+  </layer>
+</anima>