{"_id":"@donkeyclip/motorcortex-backgrounds","_rev":"3-178cd597fcbd2b2558b645eb3c001418","name":"@donkeyclip/motorcortex-backgrounds","dist-tags":{"latest":"0.3.0"},"versions":{"0.1.0":{"name":"@donkeyclip/motorcortex-backgrounds","version":"0.1.0","description":"Backgrounds plugin for MotorCortex","main":"dist/motorcortex-backgrounds.cjs.js","module":"dist/motorcortex-backgrounds.esm.js","browser":"dist/motorcortex-backgrounds.umd.js","author":{"name":"Donkeyclip","email":"opensource@donkeyclip.com","url":"donkeyclip.com"},"repository":{"type":"git","url":"git+https://github.com/donkeyclip/motorcortex-backgrounds.git"},"license":"MIT","engines":{"node":">=8.3.2"},"scripts":{"update-force:packages":"./node_modules/npm-check-updates/bin/ncu -u && npm i","update:packages":"npm update --save/--save-dev","concurrently":"concurrently -c \"cyan.bold,magenta.bold\" --names \"JS,Styles\"","lint:styles":"stylelint \"src/**.css\" \"src/**/*.scss\" --config .stylelintrc.json","lint:js":"eslint -c .eslintrc src/**/*.js","lint":"npm run concurrently \"npm:lint:js\" \"npm:lint:styles\"","lint:fix":"npm run concurrently  \"npm:lint:js -- --fix\" \"npm:lint:styles -- --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 serve --config ./demo/webpack.config.js --mode=development --progress ","build:demo":"webpack --mode=production --config ./demo/webpack.config.js","test":"HERE GOES YOUR TEST TASK","test:prod":"npm run lint","report-coverage":"cat ./coverage/lcov.info | coveralls","commit":"git-cz","prebuild":"rimraf dist","prepare":"husky install"},"keywords":["motorcortex","animation"],"lint-staged":{"*.{json,md,yml,yaml}":["prettier --write"],"*.css":["prettier --write","stylelint  \"src/**.css\" --config .stylelintrc.json --fix"],"*.{js,jsx}":["prettier --write","eslint --fix"]},"release":{"verifyConditions":["@semantic-release/changelog","@semantic-release/npm","@semantic-release/github","@semantic-release/git"],"prepare":["@semantic-release/changelog","@semantic-release/npm","@semantic-release/git"]},"config":{"commitizen":{"path":"cz-conventional-changelog"}},"dependencies":{"browserify":"^17.0.0"},"peerDependencies":{"@donkeyclip/motorcortex":"^7.6"},"devDependencies":{"@babel/cli":"7.16.0","@babel/core":"7.16.0","@babel/preset-env":"7.16.4","@commitlint/cli":"13.2.1","@commitlint/config-conventional":"13.2.0","@donkeyclip/motorcortex":"7.6.0","@donkeyclip/motorcortex-player":"2.4.3","@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","@semantic-release/changelog":"6.0.1","@semantic-release/git":"10.0.1","@semantic-release/github":"8.0.2","@semantic-release/npm":"8.0.3","babel-eslint":"10.1.0","babel-loader":"8.2.3","babel-preset-es2015-node5":"1.2.0","browserslist":"4.18.1","caniuse-lite":"1.0.30001282","commitizen":"4.2.4","concurrently":"6.4.0","coveralls":"3.1.1","css-loader":"6.5.1","cz-conventional-changelog":"3.3.0","es6-promise":"4.2.8","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.3","eslint-plugin-node":"11.1.0","eslint-plugin-prettier":"4.0.0","eslint-plugin-promise":"5.1.1","eslint-plugin-standard":"4.1.0","exports-loader":"3.1.0","husky":"7.0.4","imports-loader":"3.1.1","json-stringify-safe":"5.0.1","lint-staged":"11.2.6","npm-check-updates":"*","npx":"*","prettier":"2.4.1","rimraf":"3.0.2","rollup":"2.60.1","rollup-plugin-babel":"4.4.0","rollup-plugin-commonjs":"10.1.0","rollup-plugin-node-resolve":"5.2.0","rollup-plugin-terser":"7.0.2","semantic-release":"18.0.0","shelljs":"0.8.4","webpack":"5.64.2","webpack-cli":"4.9.1","webpack-dev-server":"4.5.0","whatwg-fetch":"3.6.2"},"gitHead":"91381e1d6400a663ccbfd3365d01136cbe9a1a25","bugs":{"url":"https://github.com/donkeyclip/motorcortex-backgrounds/issues"},"homepage":"https://github.com/donkeyclip/motorcortex-backgrounds#readme","_id":"@donkeyclip/motorcortex-backgrounds@0.1.0","_nodeVersion":"14.18.1","_npmVersion":"6.14.15","dist":{"integrity":"sha512-fKEnf6fHtlJ8mpEGhn9DjqsEmgKSObJDcBSmMYifoCLYWM+C9tMtcYmVrdjUq8KudJ/0XGygQq4QGj5oFGlA4w==","shasum":"d62817e74e37fc92e0e5fab043252e28a02fb786","tarball":"https://registry.npmjs.org/@donkeyclip/motorcortex-backgrounds/-/motorcortex-backgrounds-0.1.0.tgz","fileCount":38,"unpackedSize":1838082,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnM6vCRA9TVsSAnZWagAAiTAP/3qvYY0Upi859zRZqh7G\nCKpGI0/Pa8/YEOmd87a6VsRYqiYbM258Vx+J5k8q32qawlPrUOSiD2EH9lpI\nLONtwJPNALMrYEJ55wETcBGmljwSV6OrFGq8A/sCoODxDFk26fHhJkmHesyG\n3KZUKRg2oC56Fs2rlj/GqRhEmouPZq7yfJHQGt3Uo4uEtaCI6rA/0Yfv+PJa\nibSyIYglGpntyqlTFXwjxtIUmfkDQeABVE/EEGFKNUy9EsTmrQDAHdb1IiWx\n8xBv5hGkVz6X5+XZ5z+ESo5jLuT6sruhITCoTCfqnt8iRyWTxONicNghlDWj\nz7UtrUh6gI9uEXKfuRcj6M3HNEW0XP9cbj9lSuOCXIIRB+TOy6m3KqPApkRh\nXy/o/IPLCgWLtq3BE/f8wU59i2zM2adjfJ3qbsSl215+Y/FJl1oLQ6p2yOAP\nccI0Yj0agQhuMnwxk622ZTq966uToYbA/o24HCAKhVh9UnuPEHyPncFubWtQ\nzw5bavLtD91N7fejk/jVL0moZePvd9mCFIOoRmJgavVHz7+V97+sBYZtmW+j\nsxcdVxNrKoTYeGBiaE+0LHwrXpuqH6GPn7tBy+9LoGbkq3fqGblOU+sZC5Mk\nb/mxz9vUuj3osKIzeTJdmDXL2XnogJd10ftdI+sfzTGpJM1JcZIun1CJFrrF\noGqd\r\n=C/P4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCE2JZffTXJ2a+/QpUAq+0Oqpi8dd6zOzOhsJdoAqOxngIhAN3Nvzxv6FF7Bo9SB6TtCcVKQclgchjkgAHDt8eoY4lz"}]},"_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-backgrounds_0.1.0_1637666479622_0.5012317333625156"},"_hasShrinkwrap":false},"0.2.0":{"name":"@donkeyclip/motorcortex-backgrounds","version":"0.2.0","description":"Backgrounds plugin for MotorCortex","main":"dist/motorcortex-backgrounds.cjs.js","module":"dist/motorcortex-backgrounds.esm.js","browser":"dist/motorcortex-backgrounds.umd.js","author":{"name":"Donkeyclip","email":"opensource@donkeyclip.com","url":"donkeyclip.com"},"repository":{"type":"git","url":"git+https://github.com/donkeyclip/motorcortex-backgrounds.git"},"license":"MIT","engines":{"node":">=12"},"scripts":{"concurrently":"concurrently -c \"cyan.bold,magenta.bold\" --names \"JS,Styles\"","lint:styles":"stylelint \"src/**.css\" \"src/**/*.scss\" --config .stylelintrc.json","lint:js":"eslint -c .eslintrc src/**/*.js","lint":"npm run concurrently \"npm:lint:js\" \"npm:lint:styles\"","lint:fix":"npm run concurrently  \"npm:lint:js -- --fix\" \"npm:lint:styles -- --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 serve --config ./demo/webpack.config.js --mode=development --progress ","build:demo":"webpack --mode=production --config ./demo/webpack.config.js","test":"HERE GOES YOUR TEST TASK","test:prod":"npm run lint","report-coverage":"cat ./coverage/lcov.info | coveralls","prebuild":"rimraf dist","prepare":"husky install"},"keywords":["motorcortex","animation"],"lint-staged":{"*.{json,md,html,css}":["prettier --write"],"*.{js,jsx}":["prettier --write","eslint --fix"]},"dependencies":{"browserify":"^17.0.0"},"peerDependencies":{"@donkeyclip/motorcortex":">= 8 < 10"},"devDependencies":{"@babel/cli":"7.17.6","@babel/core":"7.17.9","@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","babel-eslint":"10.1.0","babel-loader":"8.2.4","babel-preset-es2015-node5":"1.2.0","browserslist":"4.20.2","caniuse-lite":"1.0.30001325","concurrently":"7.1.0","coveralls":"3.1.1","css-loader":"6.7.1","es6-promise":"4.2.8","eslint":"7.32.0","eslint-config-prettier":"8.5.0","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","eslint-plugin-standard":"4.1.0","exports-loader":"3.1.0","husky":"7.0.4","imports-loader":"3.1.1","json-stringify-safe":"5.0.1","lint-staged":"12.3.7","npm-check-updates":"*","npx":"*","prettier":"2.6.2","rimraf":"3.0.2","rollup":"2.70.1","rollup-plugin-babel":"4.4.0","rollup-plugin-commonjs":"10.1.0","rollup-plugin-node-resolve":"5.2.0","rollup-plugin-terser":"7.0.2","shelljs":"0.8.5","tslib":"2.3.1","webpack":"5.71.0","webpack-cli":"4.9.2","webpack-dev-server":"4.8.1","whatwg-fetch":"3.6.2"},"gitHead":"f08984fef96083652f24a86bd93614a4362ec46b","bugs":{"url":"https://github.com/donkeyclip/motorcortex-backgrounds/issues"},"homepage":"https://github.com/donkeyclip/motorcortex-backgrounds#readme","_id":"@donkeyclip/motorcortex-backgrounds@0.2.0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-et7SkYWvjR6651AQDXLvmDOAhcYkhJSaI5vG2102qmJjXyWrCuxxAMQHVQZyDzZCtoELpkizxO339nHwtC0GJw==","shasum":"a1c8fcb5c9e4a5e7a2240145b72e2dfe53db7b8d","tarball":"https://registry.npmjs.org/@donkeyclip/motorcortex-backgrounds/-/motorcortex-backgrounds-0.2.0.tgz","fileCount":39,"unpackedSize":1820799,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEIvF1CD8OeJ0NgA33SuXBX0Ea0connGjeTngU3olk6PAiBh3LCH08phy5ItZYW4vhKP+KjbGtTFi990FefAJe/2jA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTtDtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmobHxAAgCox4a9xkuZHP35GX2OQ/8p0bnzyB37siHP9yK+QwfFO2kq3\r\nvQ7PccNOrnjO1hFFE1A+qtlCFz18uzCYMJDE097+slYWHBbyts6RShVty2u/\r\n2OwvM+oq+UCgENAannib2DC7kajWtudXdZq3Ly86OVo5K+JAnaC37mIVsk7t\r\nwGzjmrh93YY7MurWnrAOX3nLqt2UfjzBXjNQ12KO11eRoN2ozlOX8ZzZ3/b1\r\n5EBTTHu+NkfGLUpWy/WYRc2aGPAtCqbyJoK2AmXX0av354S+EL/RwHt2+fV2\r\nAMLDEbr5TBqoBdFju9ASDmRb7ju0nVJ5ptHVXJzgQ5WyuWp8HNdkCeT24stU\r\nRk9Z+usu/iFlWpHGJhMe5NklqPVy4Lgs6f4i6rKB8GrvW6Ee/IV5W+VNLmAa\r\nQNR6qJTyn1Q5mRK9EIMbhTDPXVpDrBThxp+klWtG93Gv1LJnAZZH/kBccXLB\r\n1NoAlYoV5HmHSkni/7ryw4pID8I6CvO/6axzGTe91pPm8hckg7F4DJt98pDK\r\niICOwlo7hh3M5zMjtb/efOYNJanPPVYJkomNoy/BDEdD8otvWE2vnUHqQjPs\r\n81J6rN20PE9qjmSOki40yl+vIOby7knHAQQtTGzffOe/bVPoFo/P7ZYVtN45\r\nbT8yQ6S8O0MEuJ0YT+aqe7PQeM5+UzSYP5c=\r\n=kiVr\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-backgrounds_0.2.0_1649332461154_0.6110122997491714"},"_hasShrinkwrap":false},"0.3.0":{"name":"@donkeyclip/motorcortex-backgrounds","version":"0.3.0","description":"Backgrounds plugin for MotorCortex","main":"dist/motorcortex-backgrounds.cjs.js","module":"dist/motorcortex-backgrounds.esm.js","browser":"dist/motorcortex-backgrounds.umd.js","author":{"name":"Donkeyclip","email":"opensource@donkeyclip.com","url":"donkeyclip.com"},"repository":{"type":"git","url":"git+https://github.com/donkeyclip/motorcortex-backgrounds.git"},"license":"MIT","engines":{"node":">=12"},"scripts":{"concurrently":"concurrently -c \"cyan.bold,magenta.bold\" --names \"JS,Styles\"","lint:styles":"stylelint \"src/**.css\" \"src/**/*.scss\" --config .stylelintrc.json","lint:js":"eslint -c .eslintrc src/**/*.js","lint":"npm run concurrently \"npm:lint:js\" \"npm:lint:styles\"","lint:fix":"npm run concurrently  \"npm:lint:js -- --fix\" \"npm:lint:styles -- --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 serve --config ./demo/webpack.config.js --mode=development --progress ","build:demo":"webpack --mode=production --config ./demo/webpack.config.js","test":"HERE GOES YOUR TEST TASK","test:prod":"npm run lint","report-coverage":"cat ./coverage/lcov.info | coveralls","prebuild":"rimraf dist","prepare":"husky install"},"keywords":["motorcortex","animation"],"lint-staged":{"*.{json,md,html,css}":["prettier --write"],"*.{js,jsx}":["prettier --write","eslint --fix"]},"dependencies":{"browserify":"^17.0.0"},"peerDependencies":{"@donkeyclip/motorcortex":">= 8 < 10"},"devDependencies":{"@babel/cli":"7.19.3","@babel/core":"7.19.3","@babel/preset-env":"7.19.4","@donkeyclip/motorcortex":"9.4.1","@donkeyclip/motorcortex-player":"2.10.5","@rollup/plugin-babel":"5.3.1","@rollup/plugin-commonjs":"21.1.0","@rollup/plugin-json":"4.1.0","@rollup/plugin-node-resolve":"13.3.0","babel-eslint":"10.1.0","babel-loader":"8.2.5","babel-preset-es2015-node5":"1.2.0","browserslist":"4.21.4","caniuse-lite":"1.0.30001418","concurrently":"7.4.0","coveralls":"3.1.1","css-loader":"6.7.1","es6-promise":"4.2.8","eslint":"7.32.0","eslint-config-prettier":"8.5.0","eslint-plugin-babel":"5.3.1","eslint-plugin-import":"2.26.0","eslint-plugin-node":"11.1.0","eslint-plugin-prettier":"4.2.1","eslint-plugin-promise":"5.2.0","eslint-plugin-standard":"4.1.0","exports-loader":"3.1.0","husky":"7.0.4","imports-loader":"3.1.1","json-stringify-safe":"5.0.1","lint-staged":"12.5.0","npm-check-updates":"*","npx":"*","prettier":"2.7.1","rimraf":"3.0.2","rollup":"2.79.1","rollup-plugin-babel":"4.4.0","rollup-plugin-commonjs":"10.1.0","rollup-plugin-node-resolve":"5.2.0","rollup-plugin-terser":"7.0.2","shelljs":"0.8.5","tslib":"2.4.0","webpack":"5.74.0","webpack-cli":"4.10.0","webpack-dev-server":"4.11.1","whatwg-fetch":"3.6.2"},"gitHead":"11b3a3f0705f80dc2f97d8e307b9c25e32ea65ef","bugs":{"url":"https://github.com/donkeyclip/motorcortex-backgrounds/issues"},"homepage":"https://github.com/donkeyclip/motorcortex-backgrounds#readme","_id":"@donkeyclip/motorcortex-backgrounds@0.3.0","_nodeVersion":"16.18.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-CWy5A8vrtRCcx0ExCzdexNjgFVfBJzHzod5LUr1BJGrPxBDvDL/7FIzcanytny//0MDCzfe7hyGRb8Oup12xWQ==","shasum":"8845230f0688d986b7a89d52c4371e9d42f28797","tarball":"https://registry.npmjs.org/@donkeyclip/motorcortex-backgrounds/-/motorcortex-backgrounds-0.3.0.tgz","fileCount":46,"unpackedSize":1913157,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDq90pBRlebXyRJmwA/yBWuTZfHuwwmigyDQpJvtKtQFAIgPH7vUS01eiiEszNobbbwC8p3JiQ9PZhQAKHgJd4sSC8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiFNNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp11Q/9F0cOXLTluO4lT9HS+QkBUQt6PkJWJlLkOpCwYiDffahMvkI6\r\n0ZK7tUWWAVRhq5EYivPEMeOLBI7nP4pYKmXs/PzqPjv71p2oYZ+CZMOwCS4t\r\nd56uHZqrs/IkZiNSFQmsOaVRe70YhihHFEn7l4nAdWitKuV4hgRBJd690XXn\r\n1S9xNXxgOy/Nw3pLFe5CDKPv6nolsEst996TpFaOJqhjvWWx8Glbo9/t0JgJ\r\nr84KMem5kPwn8kBLOK5UtG3CE5xwdUrXSRP8jjCr4AYpuS7uhVZvHxRkYizH\r\nKwLYToey2ua957AZjDYjpsAw1g/m2onMAGm6WY++sQya+Kbgm/sqpbrIL5Ag\r\n469tRu4ljcqJXTT3VMtPO8y75AG2NnfwJscCvBw9uGCWQYwkmtut9KFs3B7w\r\ne0mTNXvpYWcwytGAj7n2UF1rbE2PML3KXCfBowDjZWa9EB7QY7pZvZuq6HbX\r\nctAqK4o1iUs5BUpmoCJZzoJC71cth4OQ5KZncBfo4rzXsLjXCGmfXxpoHKz2\r\nhoxgrQ8+KlFHAXP11PWveDSr0shfar58fQFmvGtVoFcU92b0RA9o/y85IXms\r\nuh99U9Eki3YcAHJfuOM3PYr+DHZgl+cWh5yBxHP6No/9zKPgxtIwXJjPC3gm\r\nqQmEI1I/SXjPVhnhF5lS3hQGlhJhkhDk9Gk=\r\n=uQAg\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-backgrounds_0.3.0_1669878605062_0.05197992726056522"},"_hasShrinkwrap":false}},"time":{"created":"2021-11-23T11:21:19.553Z","0.1.0":"2021-11-23T11:21:19.807Z","modified":"2022-12-01T07:10:05.458Z","0.2.0":"2022-04-07T11:54:21.342Z","0.3.0":"2022-12-01T07:10:05.346Z"},"maintainers":[{"name":"atrantidis","email":"atrantidis@gmail.com"},{"name":"alexdor","email":"aldor94@gmail.com"},{"name":"prieston","email":"priestont@gmail.com"}],"description":"Backgrounds plugin for MotorCortex","homepage":"https://github.com/donkeyclip/motorcortex-backgrounds#readme","keywords":["motorcortex","animation"],"repository":{"type":"git","url":"git+https://github.com/donkeyclip/motorcortex-backgrounds.git"},"author":{"name":"Donkeyclip","email":"opensource@donkeyclip.com","url":"donkeyclip.com"},"bugs":{"url":"https://github.com/donkeyclip/motorcortex-backgrounds/issues"},"license":"MIT","readme":"# MotorCortex-Backgrounds\n\n**Table of Contents**\n\n- [MotorCortex-Backgrounds](#motorcortex-backgrounds)\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  - [BgOpener](#bgopener)\n  - [TwoSidesReveal](#twosidesreveal)\n  - [RowReveal](#rowreveal)\n  - [ColumnReveal](#columnreveal)\n  - [Grid](#grid)\n  - [ThreeSidesReveal](#threesidesreveal)\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-backgrounds/demo/index.html)\n\n# Intro / Features\nΑre you tired of simple backgrounds in your clips? Using MotorCortex-Backgrounds you can include impressive effects for the background of your clip.\n\nThis Plugin exposes six Incidents:\n- BgOpener\n- TwoSidesReveal\n- RowReveal\n- ColumnReveal\n- Grid\n- ThreeSidesReveal\n\n# Getting Started\n\n## Installation\n\n```bash\n$ npm install --save @donkeyclip/motorcortex-backgrounds\n# OR\n$ yarn add @donkeyclip/motorcortex-backgrounds\n```\n\n## Importing and loading\n\n```javascript\nimport { loadPlugin } from \"@donkeyclip/motorcortex\";\nimport BackgroundsDefinition from \"@donkeyclip/motorcortex-backgrounds\";\nconst Plugin = loadPlugin(BackgroundsDefinition);\n```\n\n# Creating Incidents\n\n## BgOpener\n\nBgOpener engages your selector's object to open up and down and removes it from the clip like it splits into two parts.\n\n```javascript\nconst BgOpener = new Plugin.BgOpener(\n  {\n    width: 512,\n    height: 288,\n    bgUrl:\n      \"https://donkeyclip.github.io/motorcortex-slides/demo/kissmybutonbg.jpg\",\n    timing: 0.3,\n    easing: \"easeInQuad\",\n    exitStart: 2000,\n  },\n  {\n    selector: \".container1\",\n  }\n);\n```\n\n### BgOpener Attrs\n\n| Name      |                         Are                          | Values |\n| --------- | :--------------------------------------------------: | -----: |\n| width     |                  width of incident                   |    num |\n| height    |                  height of incident                  |    num |\n| bgUrl     |                 url of the bg image                  | string |\n| easing    |               easing of the animation                | string |\n| exitStart | the millisecond that we want to start the bg exiting |    num |\n\n## TwoSidesReveal\n\nTwoSidesReveal engages your selector's object to open right and left.\n\n```javascript\nconst TwoSidesReveal = new Plugin.TwoSidesReveal(\n  {\n    width: 512,\n    height: 288,\n    bgUrl:\n      \"https://donkeyclip.github.io/motorcortex-slides/demo/kissmybutonbg.jpg\",\n    easing: \"easeInQuad\",\n  },\n  {\n    selector: \".container2\",\n  }\n);\n```\n\n### TwoSidesReveal Attrs\n\n| Name   |           Are           | Values |\n| ------ | :---------------------: | -----: |\n| width  |    width of incident    |    num |\n| height |   height of incident    |    num |\n| bgUrl  |   url of the bg image   | string |\n| easing | easing of the animation | string |\n\n## RowReveal\n\nColumnReveal engages your selector's object to split into four columns and displays and removes them incrementally and sequentially.\n\n```javascript\nconst RowReveal = new Plugin.RowReveal(\n  {\n    width: 512,\n    height: 288,\n    bgUrl:\n      \"https://donkeyclip.github.io/motorcortex-slides/demo/kissmybutonbg.jpg\",\n    easing: \"easeOutQuart\",\n    exitStart: 2000,\n    bgOut: true,\n  },\n  {\n    selector: \".container3\",\n  }\n);\n```\n\n### RowReveal Attrs\n\n| Name      |                         Are                          |  Values |\n| --------- | :--------------------------------------------------: | ------: |\n| width     |                  width of incident                   |     num |\n| height    |                  height of incident                  |     num |\n| bgUrl     |                 url of the bg image                  |  string |\n| easing    |               easing of the animation                |  string |\n| exitStart | the millisecond that we want to start the bg exiting |     num |\n| bgOut     |        set true if we like to have a bg exit         | boolean |\n\n## ColumnReveal\n\nColumnReveal engages your selector's object to split into four columns and displays and removes them incrementally.\n\n```javascript\nconst ColumnReveal = new Plugin.ColumnReveal(\n  {\n    width: 512,\n    height: 288,\n    bgUrl:\n      \"https://donkeyclip.github.io/motorcortex-slides/demo/kissmybutonbg.jpg\",\n    easing: \"easeOutQuart\",\n    exitStart: 2000,\n    bgOut: true,\n  },\n  {\n    selector: \".container4\",\n  }\n);\n```\n\n### ColumnReveal Attrs\n\n| Name      |                         Are                          |  Values |\n| --------- | :--------------------------------------------------: | ------: |\n| width     |                  width of incident                   |     num |\n| height    |                  height of incident                  |     num |\n| bgUrl     |                 url of the bg image                  |  string |\n| easing    |               easing of the animation                |  string |\n| exitStart | the millisecond that we want to start the bg exiting |     num |\n| bgOut     |        set true if we like to have a bg exit         | boolean |\n\n## Grid\n\nGrid changes the color of your background incrementally and sequentially based on the the columns and rows you choose.\n\n```javascript\nconst Grid = new Plugin.Grid(\n  {\n    width: 512,\n    height: 288,\n    color: \"#000\",\n    columns: 6,\n    rows: 4,\n  },\n  {\n    selector: \".container6\",\n  }\n);\n```\n\n### Grid Attrs\n\n| Name    |                 Are                 |  Values |\n| ------- | :---------------------------------: | ------: |\n| width   |          width of incident          |     num |\n| height  |         height of incident          |     num |\n| color   |     the color of the background     | hex,rgb |\n| columns | how many columns the grid will have |     num |\n| rows    |  how many rows the grid will have   |     num |\n\n## ThreeSidesReveal\n\nThreeSidesReveal splits your selector's object into three parts and displays them from different directions.\n\n```javascript\nconst ThreeSidesReveal = new Plugin.ThreeSidesReveal(\n  {\n    width: 512,\n    height: 288,\n    bgUrl: \"https://donkeyclip.github.io/motorcortex-slides/demo/bg3.jpg\",\n    overlayColor: \"#ff0000\",\n    grid: true,\n    gridDuration: 1,\n    gridColor: \"#000\",\n    columns: 6,\n    rows: 4,\n  },\n  {\n    selector: \".container5\",\n  }\n);\n```\n\n### ThreeSidesReveal Attrs\n\n| Name         |                 Are                 |  Values |\n| ------------ | :---------------------------------: | ------: |\n| width        |          width of incident          |     num |\n| height       |         height of incident          |     num |\n| bgUrl        |         url of the bg image         |  string |\n| overlayColor |     overlay color of background     | hex,rgb |\n| grid         |  set true if we like to have a gid  | boolean |\n| gridDuration |       grid incident duration        |     num |\n| gridColor    |     the color of the background     | hex,rgb |\n| columns      | how many columns the grid will have |     num |\n| rows         |  how many rows the grid will have   |     num |\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\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"}