feat: use CSSEffect and remove anime

donkeyclip · Nov 24, 2021 · 0044557 · 0044557
1 parent 836aa10
commit 0044557
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 57 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -43,11 +43,9 @@
       "path": "cz-conventional-changelog"
     }
   },
-  "dependencies": {
-    "@donkeyclip/motorcortex-anime": "^2.1.16"
-  },
+  "dependencies": {},
   "peerDependencies": {
-    "@donkeyclip/motorcortex": ">= 7.4.0 < 8"
+    "@donkeyclip/motorcortex": ">= 7.6.2 < 8"
   },
   "devDependencies": {
     "@babel/cli": "7.16.0",

diff --git a/src/Incidents/Comets.js b/src/Incidents/Comets.js
@@ -1,6 +1,4 @@
-import { HTMLClip, loadPlugin } from "@donkeyclip/motorcortex";
-import AnimeDefinition from "@donkeyclip/motorcortex-anime";
-const Anime = loadPlugin(AnimeDefinition);
+import { HTMLClip, CSSEffect } from "@donkeyclip/motorcortex";
 import { _addDimension, timely } from "../helpers/randomizer";
 const closeAngle = 29;
 
@@ -112,7 +110,7 @@ export default class Comets extends HTMLClip {
     for (let i = 0; i < this.comets.length; i++) {
       // console.log(Math.tan(angle)*(-this.itemData[i].width -this.itemData[i].left)+ this.itemData[i].top)
       const angle = (-closeAngle * Math.PI) / 180;
-      const moveMagentComet = new Anime.Anime(
+      const moveMagentComet = new CSSEffect(
         {
           animatedAttrs: {
             left: `-${this.itemData[i].width}px`,

diff --git a/src/Incidents/Stars.js b/src/Incidents/Stars.js
@@ -1,6 +1,4 @@
-import { HTMLClip, loadPlugin, Combo } from "@donkeyclip/motorcortex";
-import AnimeDefinition from "@donkeyclip/motorcortex-anime";
-const Anime = loadPlugin(AnimeDefinition);
+import { HTMLClip, CSSEffect, Combo } from "@donkeyclip/motorcortex";
 import { spatial, timely } from "../helpers/randomizer";
 
 export default class Stars extends HTMLClip {
@@ -103,7 +101,7 @@ export default class Stars extends HTMLClip {
         {
           incidents: [
             {
-              incidentClass: Anime.Anime,
+              incidentClass: CSSEffect,
               attrs: {
                 animatedAttrs: _getAnimatedAttr(
                   0,
@@ -116,7 +114,7 @@ export default class Stars extends HTMLClip {
               position: 0,
             },
             {
-              incidentClass: Anime.Anime,
+              incidentClass: CSSEffect,
               attrs: {
                 animatedAttrs: _getAnimatedAttr(
                   1,