{"_id":"@donkeyclip/motorcortex-flubber","_rev":"4-d706b19ca348a6f7186dd07d3d12c4cc","name":"@donkeyclip/motorcortex-flubber","dist-tags":{"latest":"2.1.0"},"versions":{"1.1.10":{"name":"@donkeyclip/motorcortex-flubber","version":"1.1.10","main":"dist/motorcortex-flubber.cjs.js","module":"dist/motorcortex-flubber.esm.js","browser":"dist/motorcortex-flubber.umd.js","repository":{"type":"git","url":"git+https://github.com/donkeyclip/motorcortex-flubber.git"},"author":{"name":"DonkeyClip","email":"opensource@donkeyclip.com","url":"donkeyclip.com"},"license":"MIT","engines":{"node":">=10"},"scripts":{"lint":"eslint -c .eslintrc src/**/*.js","lint:fix":"npm run lint -- --fix","build":"npm run build:lib && npm run build:demo","build:lib":"rollup -c","start":"npm run build:lib && concurrently -c \"cyan.bold,magenta.bold\" \"npm:build:lib -- -w\"  \"npm:start:demo\" ","start:demo":"webpack-dev-server --mode=development --config ./demo/webpack.config.js","build:demo":"webpack --mode=production --config ./demo/webpack.config.js","test":"HERE GOES YOUR TEST TASK","test:prod":"npm run lint","commit":"git-cz","prebuild":"rimraf dist","prepare":"husky install"},"keywords":["motorcortex","animation"],"lint-staged":{"*.{json,md,yml,css}":["prettier --write"],"*.{js,jsx}":["prettier --write","eslint --fix"]},"dependencies":{"flubber":"^0.4.2"},"devDependencies":{"@babel/cli":"7.15.7","@babel/core":"7.15.8","@babel/eslint-parser":"7.15.8","@babel/plugin-syntax-jsx":"7.14.5","@babel/plugin-transform-react-jsx":"7.14.9","@babel/preset-env":"7.15.8","@donkeyclip/motorcortex":"7.5.5","@donkeyclip/motorcortex-player":"2.3.6","@rollup/plugin-babel":"5.3.0","@rollup/plugin-commonjs":"21.0.1","@rollup/plugin-json":"4.1.0","@rollup/plugin-node-resolve":"13.0.6","@size-limit/preset-big-lib":"6.0.3","babel-loader":"8.2.3","browserslist":"4.17.5","concurrently":"6.3.0","core-js":"3.19.0","css-loader":"6.5.0","eslint":"7.32.0","eslint-config-prettier":"8.3.0","eslint-config-standard":"16.0.3","eslint-plugin-babel":"5.3.1","eslint-plugin-import":"2.25.2","eslint-plugin-node":"11.1.0","eslint-plugin-prettier":"4.0.0","eslint-plugin-promise":"5.1.1","husky":"7.0.4","lint-staged":"11.2.6","prettier":"2.4.1","rimraf":"3.0.2","rollup":"2.58.3","rollup-plugin-terser":"7.0.2","size-limit":"6.0.3","webpack":"5.60.0","webpack-cli":"4.9.1","webpack-dev-server":"4.3.1"},"peerDependencies":{"@donkeyclip/motorcortex":"^7"},"gitHead":"1c89cdd707c6b9fc99420b14b12f2a699dd66b50","description":"motorcortex-flubber plugin brings [flubber](https://github.com/veltman/flubber) library's capabilities into MotorCortex, available as Incident. _\"The goal of this library is to provide a best-guess interpolation for any two arbitrary shapes (or collection","bugs":{"url":"https://github.com/donkeyclip/motorcortex-flubber/issues"},"homepage":"https://github.com/donkeyclip/motorcortex-flubber#readme","_id":"@donkeyclip/motorcortex-flubber@1.1.10","_nodeVersion":"14.18.1","_npmVersion":"6.14.15","dist":{"integrity":"sha512-yBCloTYhqnVbenBB4UKv+i/xRXjDUeJAdVWiKa6YVbc1JRjCNCDo9qq3SyMXOIX883oxOm9VYsYH+nRKy3qmog==","shasum":"aee8476f3056646326f2c848a01a06336742f601","tarball":"https://registry.npmjs.org/@donkeyclip/motorcortex-flubber/-/motorcortex-flubber-1.1.10.tgz","fileCount":27,"unpackedSize":309959,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2ENhCRA9TVsSAnZWagAAmrwP/2jC6SJ792zNiUjnzB3w\nqcim9SRVPeq06MUE7IJjK+bUInjJ+yyAOOlFdcRc4Hm3xz1YZXv828Z443O6\nBjD5tAlLFxREmGdp9BPscjsIHs90/5NU/LNCmKtyD0Ho9Hpe1IopAGxBFEZQ\ntUEiXN3AN1SOd7Q4fd6TrC8XhSxkyaTOGIDMOjo6MVe2KDC0Z8kKDhUxxMrW\nCEu6equDguv1pi01K9cfoMxkSSnzbRdhCbc9vpnKxcj6KkT+uwmnm4WXgDLj\n1Km4XnwTCqHD3zm1HqEoIAwhqbf0SOYQxjQU96k6TvFEYat2f+wS4UgclYn+\nUfpwF4VHYheJsDJQ6tRZ/O6Pe09uls51eKTKRm0vsKC7TBlxZOPvjont968x\n1dRlugnHRvmFtuSzZWD3ZK3IztZ4JdIvaLQloWm/X/9ldFSqb4tDX9bmtgxg\nymIPc89BgM7qoW1AKrEHopzZjTQbdsuMWVqNuHZjK7WpAJfS1Jzs5ORdatRt\ndssuo6Nndq7A75HW4LDdN4jXyGaHs54za860g6paEoVT2t6Wpih81WkCvKxu\nVwwkxY2jCD7BfafEYjAtAp+vua2k09JZTc9QdlzvDwQ+9Nnh2sxqzGnEaRDF\nuiDhOSrddYtU/UH8vEuCK31TTm1I/xAhrm604RgG5IAbQsTl+QtsktZI9RHf\nDOZH\r\n=APKi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB71MAu/TNS6o6sqkHldkdJwUyQ7sAKDsq9FUHgHHQdfAiEAmT4ZxAxQZb4PExAT2lhUC9SJe0R/ZrJtO00KAGakn1Q="}]},"_npmUser":{"name":"alexdor","email":"aldor94@gmail.com"},"directories":{},"maintainers":[{"name":"atrantidis","email":"atrantidis@gmail.com"},{"name":"alexdor","email":"aldor94@gmail.com"},{"name":"prieston","email":"priestont@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/motorcortex-flubber_1.1.10_1635318587133_0.07674229293625934"},"_hasShrinkwrap":false},"2.0.0":{"name":"@donkeyclip/motorcortex-flubber","version":"2.0.0","main":"dist/motorcortex-flubber.cjs.js","module":"dist/motorcortex-flubber.esm.js","browser":"dist/motorcortex-flubber.umd.js","repository":{"type":"git","url":"git+https://github.com/donkeyclip/motorcortex-flubber.git"},"author":{"name":"DonkeyClip","email":"opensource@donkeyclip.com","url":"donkeyclip.com"},"license":"MIT","engines":{"node":">=12"},"scripts":{"lint":"eslint -c .eslintrc src/**/*.js","lint:fix":"npm run lint -- --fix","build":"npm run build:lib && npm run build:demo","build:lib":"rollup -c","start":"npm run build:lib && concurrently -c \"cyan.bold,magenta.bold\" \"npm:build:lib -- -w\"  \"npm:start:demo\" ","start:demo":"webpack-dev-server --mode=development --config ./demo/webpack.config.js","build:demo":"webpack --mode=production --config ./demo/webpack.config.js","test":"HERE GOES YOUR TEST TASK","test:prod":"npm run lint","commit":"git-cz","prebuild":"rimraf dist","prepare":"husky install"},"keywords":["motorcortex","animation"],"lint-staged":{"*.{json,md,yml,css}":["prettier --write"],"*.{js,jsx}":["prettier --write","eslint --fix"]},"dependencies":{"flubber":"^0.4.2"},"devDependencies":{"@babel/cli":"7.17.6","@babel/core":"7.17.5","@babel/eslint-parser":"7.17.0","@babel/plugin-syntax-jsx":"7.16.7","@babel/plugin-transform-react-jsx":"7.17.3","@babel/preset-env":"7.16.11","@donkeyclip/motorcortex":"8.0.0","@donkeyclip/motorcortex-player":"2.5.2","@rollup/plugin-babel":"5.3.1","@rollup/plugin-commonjs":"21.0.2","@rollup/plugin-json":"4.1.0","@rollup/plugin-node-resolve":"13.1.3","@size-limit/preset-big-lib":"6.0.4","babel-loader":"8.2.3","browserslist":"4.19.3","concurrently":"6.5.1","core-js":"3.21.1","css-loader":"6.6.0","eslint":"7.32.0","eslint-config-prettier":"8.4.0","eslint-config-standard":"16.0.3","eslint-plugin-babel":"5.3.1","eslint-plugin-import":"2.25.4","eslint-plugin-node":"11.1.0","eslint-plugin-prettier":"4.0.0","eslint-plugin-promise":"5.2.0","husky":"7.0.4","lint-staged":"11.2.6","prettier":"2.5.1","rimraf":"3.0.2","rollup":"2.68.0","rollup-plugin-terser":"7.0.2","size-limit":"6.0.4","webpack":"5.69.1","webpack-cli":"4.9.2","webpack-dev-server":"4.7.4"},"peerDependencies":{"@donkeyclip/motorcortex":">= 8 < 9"},"gitHead":"3758a80662d024ff239dc2363c85243b574c9128","description":"**Table of Contents**","bugs":{"url":"https://github.com/donkeyclip/motorcortex-flubber/issues"},"homepage":"https://github.com/donkeyclip/motorcortex-flubber#readme","_id":"@donkeyclip/motorcortex-flubber@2.0.0","_nodeVersion":"14.19.0","_npmVersion":"6.14.16","dist":{"integrity":"sha512-QaBncucAiGhvhw0JjutxFWB5W1oF93zHvlY3GFIH78m3C1nQFj0PV41Vd1BOuTNl20NE+kIP1NjehyMVF4kkYQ==","shasum":"e4277a9c087cbfc5b4cb6e76606626486f5d7ea8","tarball":"https://registry.npmjs.org/@donkeyclip/motorcortex-flubber/-/motorcortex-flubber-2.0.0.tgz","fileCount":27,"unpackedSize":311970,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiM6u0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqRDw//URAOPfDQfxg2MHlIsYG2Buwn2iskRMbCIPvAFQN+hWyEJy+I\r\nkFKOyF7pP3Q9T0vwYV72KDH7xenNAKl7SXnvTxhRb7hVAyGomTWkwK9YYF5W\r\nplrLUjQMK2QIEH1Kg11AGV6owyjsIBlTqPb4KNejnD/pzHSP7RPEezOETYN0\r\ne2lZkzg9jS2imLEMO776ly0PzCXqV+j/devS+vwYu7w7GvxkJpClaZBfVv7E\r\nlm0Bg82Wgj/eN0Xi0EdMZKshnm9kTa4OLrQ6r1jQIx5DBXFwbdY+NYwz0yNr\r\niGMysbPeJ0kie7Mwsp6PusY0ESbbWeg/4JjIMnYn/w1CrGA4vv/2L0G7JTM2\r\n7U+gtR4Bqc2/wcFxxdnQdQc3/IvIq09M1eJzh7Gs2xeloak1zv5mQwQGwy37\r\n4JSA2h/RnEms0sXfGgrzH5zjJgIS8PL+D6NVZ34Ido0NH6Ebyftji6Tza+iy\r\nDQewjzfnQqYz+gUI0SG0+KtYfbx4d4ipnyZ7Q6xPRNOS+P6ype0lhau8W3Rd\r\n12G4X1jGs10w9PDTLydFE79hDGGZm7Rb/ju7Y2R5qZl0QrbMGfgvPlpv8ZNx\r\nwFWyFiUZXeAzPTl4BhI5EoLLTO5etLPD3q/LHu9hbPbPaZqVk39nDVs/HdnS\r\noxkEGiY1c9MqeB2rdJIDI3PwArHabNKuLuc=\r\n=HGrM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCdQ6MBDEnSYrQQdvTUn99nzvUwOzmjCwyv2FeTaV3HXgIhAOmO+1vPS9LlBhGDjlyonF92I7oi+dvV7ZJ/BurCVYo/"}]},"_npmUser":{"name":"alexdor","email":"aldor94@gmail.com"},"directories":{},"maintainers":[{"name":"atrantidis","email":"atrantidis@gmail.com"},{"name":"alexdor","email":"aldor94@gmail.com"},{"name":"prieston","email":"priestont@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/motorcortex-flubber_2.0.0_1647553460286_0.5594653907680434"},"_hasShrinkwrap":false},"2.1.0":{"name":"@donkeyclip/motorcortex-flubber","version":"2.1.0","main":"dist/motorcortex-flubber.cjs.js","module":"dist/motorcortex-flubber.esm.js","browser":"dist/motorcortex-flubber.umd.js","repository":{"type":"git","url":"git+https://github.com/donkeyclip/motorcortex-flubber.git"},"author":{"name":"DonkeyClip","email":"opensource@donkeyclip.com","url":"donkeyclip.com"},"license":"MIT","engines":{"node":">=12"},"scripts":{"lint":"eslint -c .eslintrc src/**/*.js","lint:fix":"npm run lint -- --fix","build":"npm run build:lib && npm run build:demo","build:lib":"rollup -c","start":"npm run build:lib && concurrently -c \"cyan.bold,magenta.bold\" \"npm:build:lib -- -w\"  \"npm:start:demo\" ","start:demo":"webpack-dev-server --mode=development --config ./demo/webpack.config.js","build:demo":"webpack --mode=production --config ./demo/webpack.config.js","test":"HERE GOES YOUR TEST TASK","test:prod":"npm run lint","commit":"git-cz","prebuild":"rimraf dist","prepare":"husky install"},"keywords":["motorcortex","animation"],"lint-staged":{"*.{json,md,yml,css}":["prettier --write"],"*.{js,jsx}":["prettier --write","eslint --fix"]},"dependencies":{"flubber":"^0.4.2"},"devDependencies":{"@babel/cli":"7.17.6","@babel/core":"7.17.9","@babel/eslint-parser":"7.17.0","@babel/plugin-syntax-jsx":"7.16.7","@babel/plugin-transform-react-jsx":"7.17.3","@babel/preset-env":"7.16.11","@donkeyclip/motorcortex":"8.0.4","@donkeyclip/motorcortex-player":"2.6.1","@rollup/plugin-babel":"5.3.1","@rollup/plugin-commonjs":"21.0.3","@rollup/plugin-json":"4.1.0","@rollup/plugin-node-resolve":"13.1.3","@size-limit/preset-big-lib":"6.0.4","babel-loader":"8.2.4","browserslist":"4.20.2","concurrently":"6.5.1","core-js":"3.21.1","css-loader":"6.7.1","eslint":"7.32.0","eslint-config-prettier":"8.5.0","eslint-config-standard":"16.0.3","eslint-plugin-babel":"5.3.1","eslint-plugin-import":"2.26.0","eslint-plugin-node":"11.1.0","eslint-plugin-prettier":"4.0.0","eslint-plugin-promise":"5.2.0","husky":"7.0.4","lint-staged":"12.3.7","prettier":"2.6.2","rimraf":"3.0.2","rollup":"2.70.1","rollup-plugin-terser":"7.0.2","size-limit":"6.0.4","webpack":"5.71.0","webpack-cli":"4.9.2","webpack-dev-server":"4.8.1"},"peerDependencies":{"@donkeyclip/motorcortex":">= 8 < 10"},"gitHead":"55ee00fe09d97a52a4517af3a175ed03be400be3","description":"**Table of Contents**","bugs":{"url":"https://github.com/donkeyclip/motorcortex-flubber/issues"},"homepage":"https://github.com/donkeyclip/motorcortex-flubber#readme","_id":"@donkeyclip/motorcortex-flubber@2.1.0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-gf90798G4xEqPRCwwWZUd1UhTWbRvv3k/RE6rUh0Rs8Zhao1CGWp37rCKP5TzhRKDx8U+iuFJoL26PIEwi0IuA==","shasum":"91dbce31b3adc7f4732b19f90d7fa00c6990d9dd","tarball":"https://registry.npmjs.org/@donkeyclip/motorcortex-flubber/-/motorcortex-flubber-2.1.0.tgz","fileCount":28,"unpackedSize":304247,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBJPC3KpNAj/v3oFaH2vKsyDKURAKtwyFS/weEbFFt/1AiEA2AXpMpAvPJUrH+7ClJLCg2raf5Ki5kopG8LPidMGp9Y="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTtemACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrocA//Q5fQAFHNhTeWTgxLCeG1pJ2/m3F53u2QoIYeT+Z5b8P4n/R+\r\nvaJkq5lPCsFJVcKXM/podkjx5w6gOtrqWuG58otY07jN+WtQIUmOsK4kU5a8\r\nyF953/4uHKoG8ccSsEDYQthBGNG3ikUNhYhiS2UmkgYjwNKQ64LhJWublejQ\r\n2z25GAL+62XFXalN4RFndKmD1+ZIT1sgqyfrJZPvlTok901Q7aj2p2BTVZ4c\r\n/9NpGwm6MUdhc3QggLJPYKJEpVsGainwfoxaqmKX3/H+fCDev/X7OszWKAm2\r\ng0t74rQHJXDlqe/lKscXvoZCpglLbh5KDSWkWnWI1MhI1b9pvcsnZZKIbo1y\r\nWWCZ7DGPthoXXMZwCHmrsY2+uWKwTtIPL2X/dlOiNWeZ0eWm2Ve3mUMfw3k1\r\nun1AJ6E+ttGFr+tuw2D5PuuN2WaHFAynFtZ2mn9QzClFDmUW8Z5C0BbSdNzA\r\n6KMleL9AvErFSC1qbIhyMXD/4tygbvNRZApXEnFs0snlT+u6RoVxGEbjK0iE\r\n9tUpgocWcXK9QjN7GPlnFXL6dSjbkIW6BDIoVMlRwMs4qyPsWRj7VJYUyWP2\r\nhAMhdscMZ4CZmM35EKhQJHBasNOeca9RpJvYO5U/O2AoGCSqoSPUEveeVdoT\r\nFtOLhyGq3kXV8aMbETgSduZr6hSUDvaXCPk=\r\n=6O52\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"alexdor","email":"aldor94@gmail.com"},"directories":{},"maintainers":[{"name":"atrantidis","email":"atrantidis@gmail.com"},{"name":"alexdor","email":"aldor94@gmail.com"},{"name":"prieston","email":"priestont@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/motorcortex-flubber_2.1.0_1649334182563_0.45243732406697457"},"_hasShrinkwrap":false}},"time":{"created":"2021-10-27T07:09:47.076Z","1.1.10":"2021-10-27T07:09:47.280Z","modified":"2022-04-07T12:23:02.822Z","2.0.0":"2022-03-17T21:44:20.458Z","2.1.0":"2022-04-07T12:23:02.719Z"},"maintainers":[{"name":"atrantidis","email":"atrantidis@gmail.com"},{"name":"alexdor","email":"aldor94@gmail.com"},{"name":"prieston","email":"priestont@gmail.com"}],"description":"**Table of Contents**","homepage":"https://github.com/donkeyclip/motorcortex-flubber#readme","keywords":["motorcortex","animation"],"repository":{"type":"git","url":"git+https://github.com/donkeyclip/motorcortex-flubber.git"},"author":{"name":"DonkeyClip","email":"opensource@donkeyclip.com","url":"donkeyclip.com"},"bugs":{"url":"https://github.com/donkeyclip/motorcortex-flubber/issues"},"license":"MIT","readme":"# MotorCortex-Flubber\n\n**Table of Contents**\n\n- [MotorCortex-Flubber](#motorcortex-flubber)\n  - [Demo](#demo)\n- [Intro / Features](#intro--features)\n- [Getting Started](#getting-started)\n  - [Installation](#installation)\n  - [Importing and Loading](#importing-and-loading)\n- [Creating Incidents](#creating-incidents)\n  - [Flubber](#flubber)\n- [Adding Incidents in your clip](#adding-incidents-in-your-clip)\n- [Contributing](#contributing)\n- [License](#license)\n- [Sponsored by](#sponsored-by)\n\n## Demo\n\n[Check it out here](https://donkeyclip.github.io/motorcortex-flubber/demo/)\n\n# Intro / Features\n\nMotorcortex-Flubber plugin brings [flubber](https://github.com/veltman/flubber) library's capabilities into MotorCortex, available as Incident.\n_\"The goal of this library is to provide a best-guess interpolation for any two arbitrary shapes (or collections of shapes) that results in a reasonably smooth animation, without overthinking it.\"_\n\nThis Plugin exposes one Incident:\n- Flubber\n\n# Getting Started\n\n## Installation\n\n```bash\n$ npm install @donkeyclip/motorcortex-flubber\n# OR\n$ yarn add @donkeyclip/motorcortex-flubber\n```\n\n## Importing and loading\n\n```javascript\nimport { loadPlugin } from \"@donkeyclip/motorcortex\";\nimport FlubberPluginDefinition from \"@donkeyclip/motorcortex-flubber\";\nconst FlubberPlugin = loadPlugin(FlubberPluginDefinition);\n```\n# Creating Incidents\n\n## Flubber\n\nFlubber Incident accepts on its `animatedAttrs` property the `d` parameter which defines the final state of the svg path to be transformed. The Incident should target the svg path to transform (via the `selector` of its props).\nHere's is an example which include both the creation of the incident and the creation of the clip where the incident will be applied:\n\n```javascript\n// Don't forget to import also HTMLClip from \"@donkeyclip/motorcortex\" in order to create a clip.\nimport { HTMLClip } from \"@donkeyclip/motorcortex\";\n// Νotice the svg path with id \"flubber\" on the html of the clip. \n// This is the path we will apply the Flubber transformation to.\nconst myClip = new HTMLClip({\n  host: document.getElementById(\"clip-container\"),\n  html: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"960\" height=\"500\">\n            <g transform=\"translate(240 10) scale(30 30)\">\n                <path id=\"flubber\" d=\"M1,0 L2,2 L0,2 Z\"></path>\n            </g>\n        </svg>`,\n  css: `#flubber{\n        fill: #8b00ff;\n        display:block;\n    }\n    svg{\n        margin-top:150px;\n    }`,\n});\n\nconst flubberIncident = new FlubberPlugin.Flubber(\n  {\n    animatedAttrs: {\n      d: [\n        [0, 0],\n        [2, 0],\n        [2, 1],\n        [1, 2],\n        [0, 1],\n      ],\n    },\n  },\n  {\n    selector: \"#flubber\",\n    duration: 2000,\n  }\n);\n```\n\nNotice that we passed the new `d` parameter of the svg path. `d` can be defined via various ways (have a look here for more info: [https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d).\nAccording to the provided definition an alternative way to define the new `d` value can be:\n\n```javascript\nconst fubberIncident2 = new FlubberPlugin.Flubber(\n  {\n    animatedAttrs: {\n      d: \"M2 1 h1 v1 h1 v1 h-1 v1 h-1 v-1 h-1 v-1 h1 z\",\n    },\n  },\n  {\n    selector: \"#flubber\",\n    duration: 2000,\n  }\n);\n```\n\n# Adding Incidents in your clip\n\n```javascript\nclipName.addIncident(incidentName,startTime);\n```\n\n# Contributing \n\nIn general, we follow the \"fork-and-pull\" Git workflow, so if you want to submit patches and additions you should follow the next steps:\n1.\t**Fork** the repo on GitHub\n2.\t**Clone** the project to your own machine\n3.\t**Commit** changes to your own branch\n4.\t**Push** your work back up to your fork\n5.\tSubmit a **Pull request** so that we can review your changes\n\n# License\n\n[MIT License](https://opensource.org/licenses/MIT)\n\n# Sponsored by\n[<img src=\"https://presskit.donkeyclip.com/logos/donkey%20clip%20logo.svg\" width=250></img>](https://donkeyclip.com)\n","readmeFilename":"README.md"}