{"_id":"novicell-sprite-animation","_rev":"30-51189b6236f41637e04b241c21a5b843","time":{"1.0.0":"2019-02-15T21:03:34.014Z","created":"2019-02-17T11:55:05.576Z","1.0.1":"2019-02-17T11:55:05.974Z","modified":"2022-05-11T10:08:44.317Z","1.0.2":"2019-02-19T09:38:28.276Z","1.0.3":"2019-02-19T10:12:32.008Z","1.0.5":"2019-03-08T07:22:06.881Z"},"name":"novicell-sprite-animation","dist-tags":{"latest":"1.0.5"},"versions":{"1.0.1":{"name":"novicell-sprite-animation","version":"1.0.1","description":"Creating animation based on sprite files","main":"dist/spriteAnimation.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":{"name":"Henrikschytze"},"license":"ISC","repository":{"type":"git","url":"git+https://github.com/Henrikschytze/sprite-animation.git"},"keywords":["sprite","animation","two-dimensional"],"bugs":{"url":"https://github.com/Henrikschytze/sprite-animation/issues"},"homepage":"https://github.com/Henrikschytze/sprite-animation#readme","gitHead":"c9db54790df94225ccb7ba70d9ae107d5548c0fa","_id":"novicell-sprite-animation@1.0.1","_npmVersion":"6.5.0","_nodeVersion":"10.14.1","_npmUser":{"name":"henriksch","email":"hsc@novicell.dk"},"dist":{"integrity":"sha512-R9nWT5GQM8F6y3F42jNT+hca5TYowHznptebjQE5Uu3yU2v8Nj8x/hMpnngEgwGY4FdUV3aIxhXkWWmrqGH26A==","shasum":"b038f829819b647b6b304c19b616eef03c180af7","tarball":"https://registry.npmjs.org/novicell-sprite-animation/-/novicell-sprite-animation-1.0.1.tgz","fileCount":12,"unpackedSize":433540,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcaUuaCRA9TVsSAnZWagAAqjQP/ju9sKf0VFlQGxzbM12b\n1E0fgdcGVS0kq5SNfoH7o7soHMAmP9Ag0sXlx0s34eSgZQws9D2gyK/D1l6a\nKYmpjz57A8p633SBtz+EIUBm2uZD+6+VP7bDVA5aUF4jHzXVeocZstGTTLEb\nIMPYjpiD6COTwplchEptxTFZF5d2f7wyduppoKZe0zuvsG1MKoVwzHtdCm+s\nyM1N4a2zM7Fl4E1+7CRV4W879++y9XCKSVFl9HOlDiSaWLNa78yN2zA7pLfL\nQKAVnh0hsq6gx+I8g/Bop6swo+vEb1MGTMl6EsgRXcI9HJH07qwjO5UiJ30y\n7TpL7k4gwr3vUxv3LPuaP/6Up54/EpeYAWBzXpeS6HHK7vtwp+pqyEX5iQ16\nJ1y9q57cSYlJ3uz514jqJGNYN95XfyLEnlhkybhlFR1/oSgvpX6lQPVefbtz\nQcMyEqp59koVgMoUQWZTkLbwg/i+EDRGWG9rHh9/NayE3pg8vhopeO5+j36c\nnoDB3utYedKrH1f9zCKuso/2PXhs8v5JkL5+PFdQO09yOrBVLa7ZYkT/7QgG\nGsZo0I+zGCElemZI0iQdF+CgGDnKT8O8iq2Trvu2SGEZT0xyRivk4/MGcJoj\ntA3bzL+jCifW+vNOOkyTUfx77NmpKoj7jUzPSkcllpZGPrAMeRxTS3baV9sx\nq1SQ\r\n=lC+1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD0G4NNUzPSkX4SEkhIFte8oO8ZHqMVzkb8R6WJrb8/3wIhAJHv43Qiw5lUZ3qGG3ol17W1yz3NCO9pLS2I573izo8r"}]},"maintainers":[{"name":"henriksch","email":"hsc@novicell.dk"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-sprite-animation_1.0.1_1550404505758_0.6995917866934607"},"_hasShrinkwrap":false},"1.0.2":{"name":"novicell-sprite-animation","version":"1.0.2","description":"Used to animate spritesheets","main":"dist/app.bundle.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/Novicell/novicell-sprite-animation.git"},"keywords":["sprite","sprites","spritesheet","animation","novicell"],"author":{"name":"henrikschytze"},"license":"MIT","bugs":{"url":"https://github.com/Novicell/novicell-sprite-animation/issues"},"homepage":"https://github.com/Novicell/novicell-sprite-animation#readme","gitHead":"e4688145b02292c2b7e77f81280722581636f6b2","_id":"novicell-sprite-animation@1.0.2","_nodeVersion":"10.14.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-SDLPFclJJ03RVKcFkmc7/LCU0z8CCFO7rJjn15YILlOVVOSEmKbZc+l7OSrUwyr94pnTD+nojHpVVNmIh64XDw==","shasum":"2d932e56938e85ec22986fb74608701e8464edd7","tarball":"https://registry.npmjs.org/novicell-sprite-animation/-/novicell-sprite-animation-1.0.2.tgz","fileCount":11,"unpackedSize":425961,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJca86UCRA9TVsSAnZWagAApYAQAJnTC95tcuUerBlDyCCM\nt2ZCtcKaGaijcmllc1D7alTmV2kS7TD4O0xWzk9Cfff5B8n9VFLZ1JldWCrS\n/lJtiA/GpMzKDFfTolAhZ2h2jMA+w8R5g4mYQOZ1QFSDZPjQxQidv9+gzhiE\njE/Q9PXYg59Y+Z63RFAW2CPaa9Mh6EMbd1i8bUNgZjsJU2HxnHmffspUCsX1\nPCsnXk4LydvWWC41pXpq/EKR+XZvqrC3iwNaXOQzqhhYZMzPm0qw8U5Ef8cR\nqsZeUQ634JJseVFm2fnu07jBRnLKBK6h3XmnyWIukbPSWLT++SDgatkQv5w6\nZxNX+AqjpKfJc67HOcKN8wBTOggkaKlfBqlINfpGwFCy6qpS5kZ9xTapxXLz\nvIZfrUhwksBLapTJLhW0Uhw2Tzbsme+DfKdnGFklQxpz4yWYZy+twPueDdZS\nJ5mcu/KQicuLww3Vu/bUOav9IIOXB5ge/daTH2WJwyo50GHAQBObS4Gfsu6X\n+q6InU36wXNE882X6VInxeC6g6w9cVgndrsMbuyQ08kb/pm0mcks8bMzzQz3\ns61JVJKMeXo9wAHjapxwbtVT8n8lM4Wg+xx1ynbNgmdbjA8Ornlg+S9rlX9g\netRundtfcFoqVggVtmU5TrgphzyZ0ffU7x7O0EdAfNxheyNCJZMAckGwLOWG\nb4V/\r\n=6r+m\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHGJtp1muFU+xzZ1TyP81fG3uSm67DHoGBbo7AGqN9KYAiEA9vgBFIP5sMgkQcEbAbbRJLA7AyxZFeLm/1L5knjGmYA="}]},"maintainers":[{"name":"henriksch","email":"hsc@novicell.dk"}],"_npmUser":{"name":"henriksch","email":"hsc@novicell.dk"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-sprite-animation_1.0.2_1550569108071_0.5694047954419241"},"_hasShrinkwrap":false},"1.0.3":{"name":"novicell-sprite-animation","version":"1.0.3","description":"Used to animate spritesheets","main":"dist/app.bundle.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/Novicell/novicell-sprite-animation.git"},"keywords":["sprite","sprites","spritesheet","animation","novicell"],"author":{"name":"henrikschytze"},"license":"MIT","bugs":{"url":"https://github.com/Novicell/novicell-sprite-animation/issues"},"homepage":"https://github.com/Novicell/novicell-sprite-animation#readme","readme":"# Novicell Sprite Animation\r\n\r\n**Used to animate spritesheets**\r\n\r\n## Usage\r\n\r\nWritten in pure Vanilla JS, it has _no dependencies_.\r\n\r\n### Prerequisites:\r\n\r\n-   Currently, the sprite must have more than one row and column. So no single-row or single-column sprites.\r\n-   Your sprite must be square (all sides equal, such as 320x320).\r\n-   For the best results, your sprite should not contain empty sprites.\r\n\r\n### Install with npm\r\n\r\n```bash\r\nnpm install novicell-sprite-animation\r\n```\r\n\r\n## Setup\r\n\r\nIn your HTML\r\nCreate a div wrapper place the sprite path as a data-attribute:\r\n\r\n```html\r\n<div class=\"wrapper\">\r\n    <div class=\"image\" data-animation-src=\"./sprites/bird_sprite.png\"></div>\r\n</div>\r\n```\r\n\r\nIn your javascript, import the module\r\n\r\n```javascript\r\nimport {SpriteAnimation} from 'novicell-sprite-animation';\r\n```\r\n\r\n## Example\r\n\r\n```javascript\r\nlet animationOne = new SpriteAnimation({\r\n    element: 'image', // The class name of the div with the sprite you wish to animate\r\n    frames: 8, // The total amount of frames in your spritesheet\r\n    duration: 600, // *OPTIONAL The amount of time in ms it should take to finish one iteration of your sprite animation. defaults to 600\r\n    columns: 4, // The amount of columns in your spritesheet\r\n    rows: 2, // The amount of rows in your spritesheet\r\n    iterations: 10, // *OPTIONAL How many iterations it should run.\r\n    startingPosition: 'bottom-right' // OPTIONAL* If omitted, the spritesheet will animate from top left to bottom right by default.\r\n});\r\n```\r\n\r\nOnce created, you can call the sprite's function when you wish:\r\n\r\n```javascript\r\nanimationOne.animateSprite();\r\n```\r\n\r\nTo be done\r\n[accordionAnimate Codepen](https://codepen.io/ankeris/pen/RvBoqK)\r\n\r\n## Contribution\r\n\r\nLooking to contribute something? Here's how you can help. Please take a moment to review our [contribution guidelines](https://github.com/Novicell/novicell-frontend/wiki/Contribution-guidelines) in order to make the contribution process easy and effective for everyone involved.\r\n\r\n## License\r\n\r\nThe Novicell Frontend is licensed under the MIT license. (http://opensource.org/licenses/MIT)\r\n","readmeFilename":"README.md","gitHead":"e4688145b02292c2b7e77f81280722581636f6b2","_id":"novicell-sprite-animation@1.0.3","_nodeVersion":"10.14.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-q5v58T8bMuhX80yOEKDAtB5OaKJWuaQJJgLFCTlx5fjD0pTMe1wSfUG1JoGNI03T19uI6ecG1Pp+rpdJm+tWlQ==","shasum":"98d5e41b88d9f6d8d26549931ea6d054503a8e36","tarball":"https://registry.npmjs.org/novicell-sprite-animation/-/novicell-sprite-animation-1.0.3.tgz","fileCount":11,"unpackedSize":425991,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJca9aQCRA9TVsSAnZWagAAMr8P/0XL5+LyJHPx/cZacOXz\n0NzHo7OjQ9eLJ66jLTWLQ43mBXBPXLHsz2VrRROMYbN/SJ/aBTOhbB8lF7y0\n7qonHVD6KrDBO91Pp9Y8Xc2npBohpZBHC3vMjS13B3ksLUTq7jhHj59ZS6kx\nlfmdACP5YdnhnKWI8++mkIREcJI3ZrIn8ovt9ibutunCxlvgFe1LV3pS57Hd\nRqNavJ1Z9Q28STN2w1j5mu8LbAPnpNzKU5t2pARfsWinEPM2+VT22mB3EbxZ\noO4AVJ+hJILT1ir1ivMExZLFn9BVNQPfpDztMJ0hpj+30RNgbRSfN3DU5cuU\nW43D7GRX3ki5DZtMT4XmrN3P92TpWNM/LL808tb5f5WO5KgzUYi3fNsmz3Jm\n/qlrA08tIHi//6omgzK741SaHrH87ygc17F3nVoQVintGByh7G8ETHjBhUyA\nUy6O8CcWUHU/yqNV+APsIqygbP3B+fIR/GPSd9YIJaqxcDBfbSwZWodjXVex\nav6JfImsR9OPVSAh78UZa7hr1T5Q+l/XIlbl/UzXkv5JT14waX3t+K4C6dPC\n0LFmIJKlCAvhON9oFAaVTXNP4dMLFsGK//lBwJxVITY8FX+72wtzaiwS3c+i\nITpSSmbMsOY8C6y8hfJDSoJa0uC8H8L1oZ/1y+cARfcKklHMCFlOH9eKIYos\nYYRH\r\n=50+2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAJSEDqMlHP0+/vH9P7xHc8GXobEjyLROqvnK4xSzH4RAiEAs8kwyiVL8CS8jAx27UhTgjnoDrTyJjtwbpb/LaHPtfE="}]},"maintainers":[{"email":"aneke1234@gmail.com","name":"ankeris"},{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"dla@novicell.dk","name":"dan9boi"},{"email":"ean@novicell.dk","name":"emiank"},{"email":"era@novicell.dk","name":"emilras"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"hsc@novicell.dk","name":"henriksch"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"sergi.serch@gmail.com","name":"sergi_smj"}],"_npmUser":{"name":"henriksch","email":"hsc@novicell.dk"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-sprite-animation_1.0.3_1550571151859_0.8731757024037747"},"_hasShrinkwrap":false},"1.0.5":{"name":"novicell-sprite-animation","version":"1.0.5","description":"Used to animate spritesheets","main":"dist/app.bundle.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/Novicell/novicell-sprite-animation.git"},"keywords":["sprite","sprites","spritesheet","animation","novicell"],"author":{"name":"henrikschytze"},"license":"MIT","bugs":{"url":"https://github.com/Novicell/novicell-sprite-animation/issues"},"homepage":"https://github.com/Novicell/novicell-sprite-animation#readme","gitHead":"eb394dd04287317d4fdd032d1ad9af6c7d0c90f1","_id":"novicell-sprite-animation@1.0.5","_nodeVersion":"10.14.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-z+zDrQBvuXPhrG4GkfLKLMtJPI9bf4E32EtleSLp+rXI0SfTrvtQIBAxqyz76hC4Ijiz893Ow1xBpoxyXBPOgw==","shasum":"124443300a62f7deefb77efdccba1cd4f0f833ee","tarball":"https://registry.npmjs.org/novicell-sprite-animation/-/novicell-sprite-animation-1.0.5.tgz","fileCount":11,"unpackedSize":418039,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcghgfCRA9TVsSAnZWagAAHTwP/2rVAGRf/u0FOeY8Yf+W\nrHMp8kh+Sm3dpZP5LubTga2Y2Aqn0+PPiOI54PLkVDLiYh3g5EaKW7oI0sPw\nzkMzR+TeCrd+mTHaWR+rfnT+CoIDU2+8UABEIm2kfXKIT/pf6ddYGWTLzyw4\nZteEZKUsjTu7c9gl29sxCM5S4FCp1IaR0MQjcNxIs4/a/suKACDZB13cETSn\nBgfVXcc2eqt2aukLyHk5pZ/wLrPHPYqTku16Ta1YEEratiPERRgsUBmQBIhn\nPxF2NY0B/QCeU199DsZDOkim7SA9R2sR78JIYUCf621J8zqkDUCeAagBTKst\nSPStI0vF3h2D/LXYlQCMYqeKR2ylB+PTWIZzQrbTfjloKZ3Fq7Iwi6WGcfZq\nAcj4JOnyXN1UxBBTle6Zi9CbRqPYfXgu4BtbnPwrrsMgFgBAOu/vv1Flpwm4\nKB+2RAznoKVl1JtXlrSFiMnE4In9RZaxWckbpD15JH/OGqBD/qIep1UVfgFm\nambQN4Noe2DNcpzgIiv5uhMxtfDc+cwJgK6sguZFIbuo80gjZ5Ap1mTzsTeJ\nEaAoQGv1jnIsqXeb5otXm+yn0RzYir9gMObS4SvAPwoFuMlwqb5iZkGR2M1w\nX9lIPMWbyQSiFaC2+3Dd2jRpOyJnG0HndiuuwST5F1odDbQm6iUQ+vFA8r+O\nBDrX\r\n=+jAb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAFiLIhkyakvAUccK5x+l3uy/y3YS0mdj05Ysa0+bMgMAiA9LqMkcwBv4hmN48hnqIei8IPnBxqU/NTa3tJmrECRRg=="}]},"maintainers":[{"email":"aneke1234@gmail.com","name":"ankeris"},{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"dla@novicell.dk","name":"dan9boi"},{"email":"ean@novicell.dk","name":"emiank"},{"email":"era@novicell.dk","name":"emilras"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"hsc@novicell.dk","name":"henriksch"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"sergi.serch@gmail.com","name":"sergi_smj"}],"_npmUser":{"name":"henriksch","email":"hsc@novicell.dk"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-sprite-animation_1.0.5_1552029726726_0.47639757918321957"},"_hasShrinkwrap":false}},"maintainers":[{"email":"era@novicell.dk","name":"emilras"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"hotepp@pm.me","name":"hotepp"},{"email":"ean@novicell.dk","name":"emiank"},{"email":"luka.gurovic98@gmail.com","name":"ozzy1312"},{"email":"simoneldevig@gmail.com","name":"simoneldevig"},{"email":"ems@novicell.dk","name":"emilostervig"},{"email":"hsc@novicell.dk","name":"henriksch"}],"description":"Used to animate spritesheets","homepage":"https://github.com/Novicell/novicell-sprite-animation#readme","keywords":["sprite","sprites","spritesheet","animation","novicell"],"repository":{"type":"git","url":"git+https://github.com/Novicell/novicell-sprite-animation.git"},"author":{"name":"henrikschytze"},"bugs":{"url":"https://github.com/Novicell/novicell-sprite-animation/issues"},"license":"MIT","readme":"# Novicell Sprite Animation\r\n\r\n**Used to animate spritesheets**\r\n\r\n## Usage\r\n\r\nWritten in pure Vanilla JS, it has _no dependencies_.\r\n\r\n### Prerequisites:\r\n\r\n-   Currently, the sprite must have more than one row and column. So no single-row or single-column sprites.\r\n-   Your sprite must be square (all sides equal, such as 320x320).\r\n-   For the best results, your sprite should not contain empty sprites.\r\n\r\n### Install with npm\r\n\r\n```bash\r\nnpm install novicell-sprite-animation\r\n```\r\n\r\n## Setup\r\n\r\nIn your HTML\r\nCreate a div wrapper place the sprite path as a data-attribute:\r\n\r\n```html\r\n<div class=\"wrapper\">\r\n    <div class=\"image\" data-animation-src=\"./sprites/bird_sprite.png\"></div>\r\n</div>\r\n```\r\n\r\nIn your javascript, import the module\r\n\r\n```javascript\r\nimport {SpriteAnimation} from 'novicell-sprite-animation';\r\n```\r\n\r\n## Example\r\n\r\n```javascript\r\nlet animationOne = new SpriteAnimation({\r\n    element: 'image', // The class name of the div with the sprite you wish to animate\r\n    frames: 8, // The total amount of frames in your spritesheet\r\n    duration: 600, // *OPTIONAL The amount of time in ms it should take to finish one iteration of your sprite animation. defaults to 600\r\n    columns: 4, // The amount of columns in your spritesheet\r\n    rows: 2, // The amount of rows in your spritesheet\r\n    iterations: 10, // *OPTIONAL How many iterations it should run.\r\n    startingPosition: 'bottom-right' // OPTIONAL* If omitted, the spritesheet will animate from top left to bottom right by default.\r\n});\r\n```\r\n\r\nOnce created, you can call the sprite's function when you wish:\r\n\r\n```javascript\r\nanimationOne.animateSprite();\r\n```\r\n## Codepen\r\nhttps://codepen.io/henrikschytze/pen/WPPgJJ \r\n\r\n## Contribution\r\n\r\nLooking to contribute something? Here's how you can help. Please take a moment to review our [contribution guidelines](https://github.com/Novicell/novicell-frontend/wiki/Contribution-guidelines) in order to make the contribution process easy and effective for everyone involved.\r\n\r\n## License\r\n\r\nThe Novicell Frontend is licensed under the MIT license. (http://opensource.org/licenses/MIT)\r\n","readmeFilename":"README.md"}