animl-cli 0.0.0-stage → 0.1.1

package/modules/scroll/manifest.source

@@ -0,0 +1,31 @@
+export const after = ['rig', 'input', 'layout'];
+export default {
+  ...{
+    name: 'scroll',
+    summary:
+      'Scrolling: scroll containers with drag and wheel, clamped offsets and linked scroll thumbs.',
+    after: [],
+    core: { entry: 'core/index.ts', export: 'scroll', svg: 'core/svg.ts', svgExport: 'scrollSVG' },
+    web: [{ name: 'scroll', budget: 1024, heavy: true, over: 'rig' }],
+    adapters: {
+      'packages/core/src/modules/scroll/index.ts': 'core/index.ts',
+      'packages/core/src/modules/scroll/svg.ts': 'core/svg.ts',
+      'packages/markup/src/scroll.ts': 'markup/index.ts',
+      'packages/web/src/scroll.ts': 'web/index.ts',
+    },
+    exports: {
+      'core:./scroll': 'packages/core/src/modules/scroll/index.ts',
+      'markup:./scroll': 'packages/markup/src/scroll.ts',
+      'web:./scroll': 'packages/web/src/scroll.ts',
+    },
+    tests: [
+      'modules/scroll/test/**/*.test.ts',
+      'packages/markup/test/corpus.test.ts',
+      'packages/markup/test/names.test.ts',
+      'packages/markup/test/decompile.test.ts',
+    ],
+    conformance: ['rigging-scroll'],
+    docs: ['spec/SPEC.md'],
+  },
+  after,
+};

package/modules/skin/capabilities/rigging-cubic-weights/example.ani

@@ -0,0 +1,66 @@
+{
+  "anima": "0.1",
+  "name": "rigging-cubic-weights",
+  "grid": 20,
+  "requires": ["paint", "rig", "skin"],
+  "nodes": [
+    {
+      "id": "arm",
+      "type": "bone",
+      "children": [],
+      "length": 10
+    },
+    {
+      "id": "curve",
+      "type": "path",
+      "d": "M0 0C2 0 8 0 10 0",
+      "stroke": {
+        "color": "#000"
+      },
+      "skin": {
+        "bones": ["arm"],
+        "weights": [
+          {
+            "point": {
+              "@rest": 1
+            },
+            "out": {
+              "arm": 1
+            }
+          },
+          {
+            "point": {
+              "@rest": 1
+            },
+            "in": {
+              "arm": 1
+            }
+          }
+        ]
+      }
+    }
+  ],
+  "timelines": {
+    "bend": {
+      "duration": 1,
+      "tracks": {
+        "arm.rotate": [
+          [0, 0],
+          [1, 90]
+        ]
+      }
+    }
+  },
+  "machine": {
+    "layers": {
+      "main": {
+        "initial": "bend",
+        "states": {
+          "bend": {
+            "play": "bend"
+          }
+        }
+      }
+    }
+  }
+}

package/modules/skin/capabilities/rigging-cubic-weights/example.animl

@@ -0,0 +1,17 @@
+<anima version="0.1" name="rigging-cubic-weights" grid="20" requires="paint rig skin">
+  <bone id="arm" length="10"/>
+  <path id="curve" d="M0 0C2 0 8 0 10 0" stroke="#000">
+    <skin bones="arm" weights="[{&quot;point&quot;:{&quot;@rest&quot;:1},&quot;out&quot;:{&quot;arm&quot;:1}},{&quot;point&quot;:{&quot;@rest&quot;:1},&quot;in&quot;:{&quot;arm&quot;:1}}]"/>
+  </path>
+
+  <timeline name="bend" duration="1">
+    <track target="arm.rotate">
+      0  0
+      1  90
+    </track>
+  </timeline>
+
+  <layer name="main" initial="bend">
+    <state name="bend" play="bend"/>
+  </layer>
+</anima>

package/modules/skin/capabilities/rigging-skin/example.ani

@@ -0,0 +1,165 @@
+{
+  "anima": "0.1",
+  "name": "rigging-skin",
+  "grid": 30,
+  "requires": ["paint", "contour", "assets", "mesh", "rig", "skin"],
+  "nodes": [
+    {
+      "id": "arm",
+      "type": "bone",
+      "children": [],
+      "length": 10
+    },
+    {
+      "id": "path",
+      "type": "path",
+      "d": "M0 0L10 0",
+      "stroke": {
+        "color": "#000"
+      },
+      "skin": {
+        "bones": ["arm"],
+        "weights": [
+          {
+            "point": {
+              "arm": 1
+            }
+          },
+          {
+            "point": {
+              "arm": 1
+            }
+          }
+        ]
+      }
+    },
+    {
+      "id": "contour",
+      "type": "contour",
+      "fill": {
+        "color": "#000"
+      },
+      "vertices": [
+        {
+          "point": [0, 2],
+          "kind": "straight"
+        },
+        {
+          "point": [10, 2],
+          "kind": "straight"
+        },
+        {
+          "point": [10, 4],
+          "kind": "straight"
+        },
+        {
+          "point": [0, 4],
+          "kind": "straight"
+        }
+      ],
+      "closed": true,
+      "skin": {
+        "bones": ["arm"],
+        "weights": [
+          {
+            "point": {
+              "arm": 1
+            }
+          },
+          {
+            "point": {
+              "arm": 1
+            }
+          },
+          {
+            "point": {
+              "arm": 1
+            }
+          },
+          {
+            "point": {
+              "arm": 1
+            }
+          }
+        ]
+      }
+    },
+    {
+      "id": "mesh",
+      "type": "image",
+      "x0": 0,
+      "y0": 6,
+      "asset": "pixel",
+      "mesh": {
+        "vertices": [
+          [0, 6, 0, 0],
+          [10, 6, 1, 0],
+          [10, 8, 1, 1],
+          [0, 8, 0, 1]
+        ],
+        "triangles": [
+          [0, 1, 2],
+          [0, 2, 3]
+        ]
+      },
+      "width": 10,
+      "height": 2,
+      "skin": {
+        "bones": ["arm"],
+        "weights": [
+          {
+            "point": {
+              "arm": 1
+            }
+          },
+          {
+            "point": {
+              "arm": 1
+            }
+          },
+          {
+            "point": {
+              "arm": 1
+            }
+          },
+          {
+            "point": {
+              "arm": 1
+            }
+          }
+        ]
+      }
+    }
+  ],
+  "timelines": {
+    "bend": {
+      "duration": 1,
+      "tracks": {
+        "arm.rotate": [
+          [0, 0],
+          [1, 90]
+        ]
+      }
+    }
+  },
+  "machine": {
+    "layers": {
+      "main": {
+        "initial": "bend",
+        "states": {
+          "bend": {
+            "play": "bend"
+          }
+        }
+      }
+    }
+  },
+  "assets": {
+    "pixel": {
+      "type": "image",
+      "source": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4AWP4z8DwHwAFgAI/ScLJ0QAAAABJRU5ErkJggg==",
+      "width": 1,
+      "height": 1
+    }
+  }
+}

package/modules/skin/capabilities/rigging-skin/example.animl

@@ -0,0 +1,33 @@
+<anima version="0.1" name="rigging-skin" grid="30" requires="paint contour assets mesh rig skin">
+  <asset name="pixel" type="image"
+      src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4AWP4z8DwHwAFgAI/ScLJ0QAAAABJRU5ErkJggg=="
+      width="1" height="1"/>
+
+  <bone id="arm" length="10"/>
+  <path id="path" d="M0 0L10 0" stroke="#000">
+    <skin bones="arm" weights="[{&quot;point&quot;:{&quot;arm&quot;:1}},{&quot;point&quot;:{&quot;arm&quot;:1}}]"/>
+  </path>
+  <contour id="contour"
+      vertices="[{&quot;point&quot;:[0,2],&quot;kind&quot;:&quot;straight&quot;},{&quot;point&quot;:[10,2],&quot;kind&quot;:&quot;straight&quot;},{&quot;point&quot;:[10,4],&quot;kind&quot;:&quot;straight&quot;},{&quot;point&quot;:[0,4],&quot;kind&quot;:&quot;straight&quot;}]"
+      closed="true" fill="#000">
+    <skin bones="arm"
+        weights="[{&quot;point&quot;:{&quot;arm&quot;:1}},{&quot;point&quot;:{&quot;arm&quot;:1}},{&quot;point&quot;:{&quot;arm&quot;:1}},{&quot;point&quot;:{&quot;arm&quot;:1}}]"/>
+  </contour>
+  <image id="mesh" asset="pixel" x0="0" y0="6"
+      mesh="{&quot;vertices&quot;:[[0,6,0,0],[10,6,1,0],[10,8,1,1],[0,8,0,1]],&quot;triangles&quot;:[[0,1,2],[0,2,3]]}"
+      width="10" height="2">
+    <skin bones="arm"
+        weights="[{&quot;point&quot;:{&quot;arm&quot;:1}},{&quot;point&quot;:{&quot;arm&quot;:1}},{&quot;point&quot;:{&quot;arm&quot;:1}},{&quot;point&quot;:{&quot;arm&quot;:1}}]"/>
+  </image>
+
+  <timeline name="bend" duration="1">
+    <track target="arm.rotate">
+      0  0
+      1  90
+    </track>
+  </timeline>
+
+  <layer name="main" initial="bend">
+    <state name="bend" play="bend"/>
+  </layer>
+</anima>

package/modules/skin/capabilities/rigging-weights/example.ani

@@ -0,0 +1,147 @@
+{
+  "anima": "0.1",
+  "name": "rigging-weights",
+  "grid": 40,
+  "requires": ["paint", "rig", "skin"],
+  "nodes": [
+    {
+      "id": "a",
+      "type": "bone",
+      "children": [],
+      "length": 10
+    },
+    {
+      "id": "b",
+      "type": "bone",
+      "y": 10,
+      "children": [],
+      "length": 10
+    },
+    {
+      "id": "c",
+      "type": "bone",
+      "y": 20,
+      "children": [],
+      "length": 10
+    },
+    {
+      "id": "one",
+      "type": "path",
+      "d": "M5 0L6 0",
+      "stroke": {
+        "color": "#000"
+      },
+      "skin": {
+        "bones": ["a"],
+        "weights": [
+          {
+            "point": {
+              "a": 1
+            }
+          },
+          {
+            "point": {
+              "a": 1
+            }
+          }
+        ]
+      }
+    },
+    {
+      "id": "two",
+      "type": "path",
+      "d": "M5 2L6 2",
+      "stroke": {
+        "color": "#000"
+      },
+      "skin": {
+        "bones": ["a"],
+        "weights": [
+          {
+            "point": {
+              "a": 0.5,
+              "@rest": 0.5
+            }
+          },
+          {
+            "point": {
+              "a": 0.5,
+              "@rest": 0.5
+            }
+          }
+        ]
+      }
+    },
+    {
+      "id": "four",
+      "type": "path",
+      "d": "M5 4L6 4",
+      "stroke": {
+        "color": "#000"
+      },
+      "skin": {
+        "bones": ["a", "b", "c"],
+        "weights": [
+          {
+            "point": {
+              "a": 0.25,
+              "b": 0.25,
+              "c": 0.25,
+              "@rest": 0.25
+            }
+          },
+          {
+            "point": {
+              "a": 0.25,
+              "b": 0.25,
+              "c": 0.25,
+              "@rest": 0.25
+            }
+          }
+        ]
+      }
+    },
+    {
+      "id": "auto",
+      "type": "path",
+      "d": "M5 8L6 8",
+      "stroke": {
+        "color": "#000"
+      },
+      "skin": {
+        "bones": ["a", "b"]
+      }
+    }
+  ],
+  "timelines": {
+    "bend": {
+      "duration": 1,
+      "tracks": {
+        "a.rotate": [
+          [0, 0],
+          [1, 90]
+        ],
+        "b.rotate": [
+          [0, 0],
+          [1, -90]
+        ],
+        "c.rotate": [
+          [0, 0],
+          [1, 180]
+        ]
+      }
+    }
+  },
+  "machine": {
+    "layers": {
+      "main": {
+        "initial": "bend",
+        "states": {
+          "bend": {
+            "play": "bend"
+          }
+        }
+      }
+    }
+  }
+}

package/modules/skin/capabilities/rigging-weights/example.animl

@@ -0,0 +1,37 @@
+<anima version="0.1" name="rigging-weights" grid="40" requires="paint rig skin">
+  <bone id="a" length="10"/>
+  <bone id="b" length="10" y="10"/>
+  <bone id="c" length="10" y="20"/>
+  <path id="one" d="M5 0L6 0" stroke="#000">
+    <skin bones="a" weights="[{&quot;point&quot;:{&quot;a&quot;:1}},{&quot;point&quot;:{&quot;a&quot;:1}}]"/>
+  </path>
+  <path id="two" d="M5 2L6 2" stroke="#000">
+    <skin bones="a" weights="[{&quot;point&quot;:{&quot;a&quot;:0.5,&quot;@rest&quot;:0.5}},{&quot;point&quot;:{&quot;a&quot;:0.5,&quot;@rest&quot;:0.5}}]"/>
+  </path>
+  <path id="four" d="M5 4L6 4" stroke="#000">
+    <skin bones="a b c"
+        weights="[{&quot;point&quot;:{&quot;a&quot;:0.25,&quot;b&quot;:0.25,&quot;c&quot;:0.25,&quot;@rest&quot;:0.25}},{&quot;point&quot;:{&quot;a&quot;:0.25,&quot;b&quot;:0.25,&quot;c&quot;:0.25,&quot;@rest&quot;:0.25}}]"/>
+  </path>
+  <path id="auto" d="M5 8L6 8" stroke="#000">
+    <skin bones="a b"/>
+  </path>
+
+  <timeline name="bend" duration="1">
+    <track target="a.rotate">
+      0  0
+      1  90
+    </track>
+    <track target="b.rotate">
+      0  0
+      1  -90
+    </track>
+    <track target="c.rotate">
+      0  0
+      1  180
+    </track>
+  </timeline>
+
+  <layer name="main" initial="bend">
+    <state name="bend" play="bend"/>
+  </layer>
+</anima>

package/modules/skin/examples/sleeve.ani

@@ -0,0 +1,91 @@
+{
+  "anima": "0.1",
+  "name": "skinned-sleeve",
+  "grid": 24,
+  "requires": ["paint", "rig", "skin"],
+  "nodes": [
+    {
+      "id": "upper",
+      "type": "bone",
+      "y": 12,
+      "children": [],
+      "length": 6
+    },
+    {
+      "id": "fore",
+      "type": "bone",
+      "x": 6,
+      "y": 12,
+      "children": [],
+      "length": 6
+    },
+    {
+      "id": "sleeve",
+      "type": "path",
+      "d": "M0 10L6 10L12 10L12 14L6 14L0 14Z",
+      "fill": {
+        "color": "#6b7cff"
+      },
+      "skin": {
+        "bones": ["upper", "fore"],
+        "weights": [
+          {
+            "point": {
+              "upper": 1
+            }
+          },
+          {
+            "point": {
+              "upper": 0.5,
+              "fore": 0.5
+            }
+          },
+          {
+            "point": {
+              "fore": 1
+            }
+          },
+          {
+            "point": {
+              "fore": 1
+            }
+          },
+          {
+            "point": {
+              "upper": 0.5,
+              "fore": 0.5
+            }
+          },
+          {
+            "point": {
+              "upper": 1
+            }
+          }
+        ]
+      }
+    }
+  ],
+  "timelines": {
+    "bend": {
+      "duration": 1,
+      "tracks": {
+        "fore.rotate": [
+          [0, 0],
+          [1, -55]
+        ]
+      }
+    }
+  },
+  "machine": {
+    "layers": {
+      "main": {
+        "initial": "bend",
+        "states": {
+          "bend": {
+            "play": "bend"
+          }
+        }
+      }
+    }
+  }
+}

package/modules/skin/examples/sleeve.animl

@@ -0,0 +1,14 @@
+<anima version="0.1" name="skinned-sleeve" grid="24" requires="paint rig skin">
+  <bone id="upper" length="6" y="12"/>
+  <bone id="fore" length="6" x="6" y="12"/>
+  <path id="sleeve" d="M0 10L6 10L12 10L12 14L6 14L0 14Z" fill="#6b7cff">
+    <skin bones="upper fore"
+        weights="[{&quot;point&quot;:{&quot;upper&quot;:1}},{&quot;point&quot;:{&quot;upper&quot;:0.5,&quot;fore&quot;:0.5}},{&quot;point&quot;:{&quot;fore&quot;:1}},{&quot;point&quot;:{&quot;fore&quot;:1}},{&quot;point&quot;:{&quot;upper&quot;:0.5,&quot;fore&quot;:0.5}},{&quot;point&quot;:{&quot;upper&quot;:1}}]"/>
+  </path>
+  <timeline name="bend" duration="1">
+    <track target="fore.rotate">0 0; 1 -55</track>
+  </timeline>
+  <layer name="main" initial="bend">
+    <state name="bend" play="bend"/>
+  </layer>
+</anima>

package/modules/skin/manifest.source

@@ -0,0 +1,41 @@
+export const after = ['contour', 'mesh', 'paint', 'rig'];
+export default {
+  name: 'skin',
+  summary:
+    'Skinning: deform paths, contours and meshes from bones with explicit or automatic weights.',
+  after,
+  core: { entry: 'core/all.ts', export: 'skin', svg: 'core/svg.ts', svgExport: 'skinSVG' },
+  web: [
+    { name: 'skin', budget: 1536, heavy: true },
+    { name: 'skin-auto', budget: 320, over: 'skin', heavy: true },
+    { name: 'skin-dash', budget: 192, over: 'skin', heavy: true },
+    { name: 'skin-mesh', budget: 256, over: 'skin', heavy: true },
+    { name: 'skin-values', budget: 256, over: 'skin', heavy: true },
+  ],
+  adapters: {
+    'packages/core/src/modules/skin/index.ts': 'core/all.ts',
+    'packages/core/src/modules/skin/svg.ts': 'core/svg.ts',
+    'packages/markup/src/skin.ts': 'markup/index.ts',
+    'packages/web/src/skin.ts': 'web/index.ts',
+    'packages/web/src/skin-auto.ts': 'web/auto.ts',
+    'packages/web/src/skin-dash.ts': 'web/dash.ts',
+    'packages/web/src/skin-mesh.ts': 'web/mesh.ts',
+    'packages/web/src/skin-values.ts': 'web/values.ts',
+  },
+  exports: {
+    'core:./skin': 'packages/core/src/modules/skin/index.ts',
+    'markup:./skin': 'packages/markup/src/skin.ts',
+    'web:./skin': 'packages/web/src/skin.ts',
+    'web:./skin-auto': 'packages/web/src/skin-auto.ts',
+    'web:./skin-dash': 'packages/web/src/skin-dash.ts',
+    'web:./skin-mesh': 'packages/web/src/skin-mesh.ts',
+    'web:./skin-values': 'packages/web/src/skin-values.ts',
+  },
+  tests: [
+    'modules/skin/test/**/*.test.ts',
+    'packages/markup/test/corpus.test.ts',
+    'packages/markup/test/names.test.ts',
+  ],
+  conformance: ['rigging-skin', 'rigging-weights', 'rigging-cubic-weights'],
+  docs: ['spec/SPEC.md'],
+};