{"_id":"novicell-sprite-scroller","_rev":"27-14f476ff873ba996801c9a7c80aaa4ea","name":"novicell-sprite-scroller","dist-tags":{"latest":"1.0.7","next":"1.0.6"},"versions":{"1.0.1":{"name":"novicell-sprite-scroller","version":"1.0.1","description":"For tweening a sprite on scroll","main":"dist/app.bundle.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["sprite","scroll","tween"],"author":{"name":"henrikschytze"},"license":"MIT","dependencies":{"gsap":"^2.1.1","scrollmagic":"^2.0.6","stickyfill":"^1.1.1-strict"},"gitHead":"44d8d3903327e2f5e9837cbf36d0daf914b6b9a0","_id":"novicell-sprite-scroller@1.0.1","_nodeVersion":"10.14.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-zhGmT/sxgBBqCHxxsYk8IGhtBCHTrc7xZtHKJwtCtnx6+y7mxgjutM+CvEeXwIZTlfMU2AGOB21as3J86Pl3Pw==","shasum":"9500dbf0b8a8e0777f29d84f2442fddd2082f7fb","tarball":"https://registry.npmjs.org/novicell-sprite-scroller/-/novicell-sprite-scroller-1.0.1.tgz","fileCount":11,"unpackedSize":2041215,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJceUQ2CRA9TVsSAnZWagAAmW4P/3uYiKq9uRLeVobAbKRW\nXBm3ugkJc0eD890pJ1mlJS4bFV/wVy2+2EUNMT3WVFbgYpp12PDIM4eAuT9O\n5nVvMYmMYfh98JygxZJsfO4hNpS0YcpEOKr+2jNuvSSKhgv62w+SC5nHJt8W\nl8+rjlmJgNg4Hqy3wVumlV61rlTurEvPWMVu2G74KPp6VWH4Xa4U3nAMuGu7\ncgr3LYCPFCgESZ1k0B1AbWyYWzj97HKUvXGdLUkVxQg8wba2gCoGnaWkb0r0\ndTgum//9XcFs/TH+6NFisv0FVzMIiHq1hRnKmFmQdGRYDH62hO3NNe8QCCMD\nRZl+Di9ixKUVgNFj9mRfHbGqQK8nODbly4UwKHC49NaFP4mzbPeRhbkXFbkE\nFY3yuqGZD3HV9krq9ZC/ip+e/aC13LT1HlMT4U42msiZFOg73yQd7p3Y/DqP\nPO29XaJ7f6ngxN7W+YXeIqw8I6eKTJtVLbIce8eTMstrf9eDyo6lPC2gY7Us\newrFgYANl8llhRfiQlZ8eX6S/uKpmFEad6ESuaQaBHphP2dCp6OxZtJXS6uJ\nbVwHx3mEMJzp5uumpVebnElKCeR9D9dA7fZCBwojQn6AJaFLSgu4CbRXh2Mh\ntt1CUH4kGedv8fLHsNn/ahYhxgrXSYzvSfXPvPUIQDKqteQ+dzDgJW8EbHlc\nxJHm\r\n=R86c\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEKCW9xvO673WIeyXPdYebO9w/fc32DVrq1Z2qJQGiDHAiEA+8Cq2Xhgs7f9Mvd2wGKcOc/+BKsrMFtKGrrMZtGCRdQ="}]},"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-scroller_1.0.1_1551451189250_0.2858880012005285"},"_hasShrinkwrap":false},"1.0.2":{"name":"novicell-sprite-scroller","version":"1.0.2","description":"For tweening a sprite on scroll","main":"dist/spriteScroller.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["sprite","scroll","tween"],"author":{"name":"henrikschytze"},"license":"MIT","dependencies":{"gsap":"^2.1.1","scrollmagic":"^2.0.6","stickyfill":"^1.1.1-strict"},"gitHead":"9d9f0d3736781a6bbf2544b122cfd7547c8b30ca","_id":"novicell-sprite-scroller@1.0.2","_nodeVersion":"10.14.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-St4Uoi+/AoKYPGZpt3U3QsyAa9JyvEy1uVizB0M1YA+aDK34Sa9/Hb0/v9K0hMMeQzn+McMrsu2rkHflNgybtw==","shasum":"864519598752da5cf017c7df46d2fab00c3bd579","tarball":"https://registry.npmjs.org/novicell-sprite-scroller/-/novicell-sprite-scroller-1.0.2.tgz","fileCount":11,"unpackedSize":2041219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJceUW2CRA9TVsSAnZWagAARZwP/3Jm7S7HKLpitFe7RMQ9\nocSQafK/+21/ZhWevPPZj7ZuIGT0nuCX7sCncmh4S6fuFuvNu0B6oApyr8Xi\nSPq8y9xa/64I/EphVVzouU95gal1Twi/CViIjkVWW/D8kyiAfq9wmcC0K7T2\nE9C14eJzFPCqHKVemtx+JpdRjcobd0LT4lrOb01uDas9w2loijynZn0lyL4t\nFiT4E/JGccFI19/Ies0EHV39TArTmK6LRqfHtJWfMg4mEu2r2s50oEZMfE7x\nWvZIr6B2tJhf12f2TmRnsWgBXjK0hqVU+R1oJqLY57a83gGosh3wxd6rcxFt\n9eKtHcCopa8DOZwn6dgfFqzHRO17sTM1aSXPDYBPXcOEiDY7+PoG1OjGMBzE\nuMfOfrRNuoEFXN6kq+iWuXucLrJnTNx+3Ft+pN382GjHN83QdOz811d4vg0P\niZmEFB2FI+zHgUwJVjs0MgNQP4Ts1z0WYlT659j7/rgft9f1AJ7T8FRwolDX\niWjTQ/sljZUEBXo1nYu0wD0wHvil5b/6lfI6aBCoVgxljhTv4UA8JNP/xTOA\nDYSqqBZv/8/ObEt3lQjfAL1wpzObUIp7fLv17nfoTaT1JcOQzHgHJJniJlB4\nYzecdnX0x7Rq5mFp5vO/eIoicb7T4vbzFuGTZQ/MsSvlhj7JCzJ4GHg7x+70\nJ25B\r\n=RWnD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDr97KDLfK769K8Uq9EWJ7I6u6EzAIGqBZAht+sF2P7FwIhAMW4LsNIChSMg0h3LuMYImIFH7qKtyTNiDuqI7elBsSj"}]},"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-scroller_1.0.2_1551451573437_0.9118584283088282"},"_hasShrinkwrap":false},"1.0.3":{"name":"novicell-sprite-scroller","version":"1.0.3","description":"For tweening a sprite on scroll","main":"dist/spriteScroller.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["sprite","scroll","tween"],"author":{"name":"henrikschytze"},"license":"MIT","dependencies":{"gsap":"^2.1.1","scrollmagic":"^2.0.6","stickyfill":"^1.1.1-strict"},"gitHead":"dab4912901c79272ea392351fb21619928feba0f","_id":"novicell-sprite-scroller@1.0.3","_nodeVersion":"10.14.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-ND1Wt6sKaqM9S1yUpqbJFYEDSA5VNt5t/GoW+x3XkabDspg113R/ySqxr17Vw2S7jHxRKQP4ldxgMxGHsTOCgA==","shasum":"042596eb169d747846fe163024881f1605497d27","tarball":"https://registry.npmjs.org/novicell-sprite-scroller/-/novicell-sprite-scroller-1.0.3.tgz","fileCount":11,"unpackedSize":2041002,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJceUqwCRA9TVsSAnZWagAAh54P/jURvWKRvyZO1XXjw/s0\nowmT+IzfrmPUWsKIAOZS4a2c/ujZm8kVdw2vdSbtXt60ee1T3vpWfjMJG/1c\nzFLl4PA8Fb9zrkF1fc8Oi50tOYFiPxWT/B/F4nqUe2uqc7nAAXWhtElT6MUT\nt35SqvgZm5maTm2mNZWsWw3LYSzhfESJ6iUwqjVl6/S7At4ovtoh48QHvn8+\nSUIuGoI87XtfFa3Kl0QxH+PezwG0rjz5t4tna0iwgGXScSkFbRGKEXV68PIT\nVkEkr3i4cuvXcyrMdFDpd5ILdnTQBpHLf26m8dpNzIvSrE8dlrxHzWmmcPVH\nV2Ee+a+DRHA8uugSYlIZx4HBw8pASG1Q4oYaZhJvYqIUuIND94FD7d/VKry0\nStWmclS7jiIkauaYrqVKEnUbSX6VL8BJAJNaXyBRdcg5tMnwfgpoy25WwFMW\n46ejYRw8pkWNSZOx6X7q3YgV0m3OEFUgluOZEBjoeECdonpMmsnKqgno2/nI\nDPiiNlo+rXBaeOyRrE5pVHik/Nz1sXrSq/b7iLkXdAEzu2m73L5pdiLUIhCh\njIpK31XU5JWmzid86pQDS/EzZWtrvkDR9tDugG/Cqv8wP6YJwoaGVzUt2MzF\nj/WiIzTueNj0FNoMsyw/XPwp0ON8gg41AmmwMRURVWGrIyT0QvKcIlwG35OG\nbmCq\r\n=HyDa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAR4yB+OjzeAx5xRqMGhUYPLGnLLS3lLzMMrS9ovnXopAiBKoFf95qs6/CJTAqIiErOJuEhug2tHyG6uLIjGCqwLPA=="}]},"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-scroller_1.0.3_1551452847368_0.6055221465000349"},"_hasShrinkwrap":false},"1.0.4":{"name":"novicell-sprite-scroller","version":"1.0.4","description":"For tweening a sprite on scroll","main":"dist/spriteScroller.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["sprite","scroll","tween"],"author":{"name":"henrikschytze"},"license":"MIT","dependencies":{"gsap":"^2.1.1","scrollmagic":"^2.0.6","stickyfill":"^1.1.1-strict"},"gitHead":"1f437d9252e461c548cfa3465a0456cd39853212","_id":"novicell-sprite-scroller@1.0.4","_npmVersion":"6.5.0","_nodeVersion":"10.14.1","_npmUser":{"name":"henriksch","email":"hsc@novicell.dk"},"dist":{"integrity":"sha512-b/JyoS/HoXrOQDXpkET5/mazU5uwsOlC97mrYE0Toxg1659Zd9MKiXGWvWMqTMoTTJNiyMXbwcAbh1wwe2z7eg==","shasum":"86b25016e7d06ace9060805961793556599eef2f","tarball":"https://registry.npmjs.org/novicell-sprite-scroller/-/novicell-sprite-scroller-1.0.4.tgz","fileCount":9,"unpackedSize":410784,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJceqtlCRA9TVsSAnZWagAAurQP/ii1yINi4BeeJ0vUSB62\nq8GhUBDEBHu6iVajT5bNLVm6XH9LXcc5BM8gnuljr3w12wGFq4nbIVLjuOu5\nJ5qcAyZA/myumxaYICOghao27Im2XQ9hZC2ELgc+u7KBuTEubsAGWBw6oxIy\nHzLQMSu8ak5P96bPwoRuVQo5OwDrvmkylDbTJYytd9EvUtGkVoUuQ1aFqvDI\n1QMxwz/lBkadZiBLm69bCjjHzhqb1sl7v49RZDqcRCtIIBM6OtBP6amZwmRq\nJ6mNmAqNFLLjAv/3WbCLdPfq+kz/j4CM26z00w5Xam6zhNkR7z3WbPejLZHV\nRMeW/ZFVtkg9njOf9bU9nr16lhOVf+6beZBlCoON90RvjabUugNuzC8WdQsR\navGFgBpZqcQSR7yuEGAN5FWuO8b6BdaWSxao96SVaoJbdJJ2ga3+suuG4qNF\naVGu16pp4CIeI8my7JuyYyDlKVE0VvHvD8DPZ9jH9EbT79twojyezUWsp1Ul\nEZj+Ckn0qFaB5xws15BQLE331KMaQ7D6Cf0kXrTHSHHUlShWfbZoZz1fYNqt\nsOfmMOxuVdyRgb9/8z23LpBDyFDOj4TQTnLLE4dhFSle8x1J1MFcImqtDsxo\nwoTSNuuS24PaVftzX1e2BCveAibVJQaL2gfGUlqXlbGWNleBhJgfiJPPSTIV\nDQy2\r\n=kpxS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCE1AwqPh0MNBFTaQPRX2AHoGbJcp+PxkKKR/XfSbwhpAIhANGgoarcrh5iDYuqg4fjWJfk83dA7OYrCaESQbnqYLev"}]},"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"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-sprite-scroller_1.0.4_1551543141197_0.12786370165586458"},"_hasShrinkwrap":false},"1.0.5":{"name":"novicell-sprite-scroller","version":"1.0.5","description":"For tweening a sprite on scroll","main":"dist/spriteScroller.cjs.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["sprite","scroll","tween"],"author":{"name":"henrikschytze"},"license":"MIT","dependencies":{"gsap":"^2.1.1","scrollmagic":"^2.0.6","stickyfill":"^1.1.1-strict"},"gitHead":"29995cd81dd2f5e78df9027e0096e457162c40c2","_id":"novicell-sprite-scroller@1.0.5","_npmVersion":"6.5.0","_nodeVersion":"10.14.1","_npmUser":{"name":"henriksch","email":"hsc@novicell.dk"},"dist":{"integrity":"sha512-X3wVP/PyvFmnGOQoMbu+GBSMfGMXaGHKUNbqNkchs8DBWI/ANUOnThWV0kQG4x6gGJ7XOF8N5AKwt3WkqFnTNQ==","shasum":"2b490b79b89ec3fdfa792e951aeb229579b8d99e","tarball":"https://registry.npmjs.org/novicell-sprite-scroller/-/novicell-sprite-scroller-1.0.5.tgz","fileCount":9,"unpackedSize":410788,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJceqvpCRA9TVsSAnZWagAAawQP/iWnY6WG15xaAxpksSR8\nLZWeLHrCVKg59lgFBnH88peUm9ZL8ZpkxWkT3aPZX8W3ygQOPeiWOlgh8LYa\nM+diEC0U0L3JidcMJshcpFqb97OkUX46lwC7rCU7ePZ/D1iMIoP5J7IjCIRr\nQjG0eHGA3Ec7AavDCsAGgbfQW9+rZ37zctnMM2dGaYqBGvkOgWKuZmnzag3Z\n+2fgq8yEwEMkWQz/lfpoXKy8OWWb3ZAkHfvpqMGpaj1o+oc+VEEHd3Jtl/QS\nCyKEl2jxtJqTojtj+YZg8z4yqLzn8W/XsvJ0BLwZHZuNZKz+zoysKfSu/HFE\nxZIqaC04Iiglx96U0ygy5mv3fNcWybUDcvZkMX33x5g9o0+wwJOnxS/SlLs+\nnPEEgHcikzZvxhCYgn89YXW/h+OQPHyw5slreS8Lbzifcn21lMN3xDIyFDKy\n17tQgV8mlOqYkAASe5yTnaCZ5JJiS5+VammgdIEXCsRelTAfT7g8HQ8VDBUe\nyFevFxKictA95ZU4yCsfG36ZdiP23cprIp8u4LIyz8MIsvX7XymrFPv+/A0h\nYE1fXmG2vLRm2uAYFbuGvMEivimvMyeWz7VVM+aM4ERSmKZlGYo42ULVkK9t\n+WmVnwNAqBndF2APaW5wdeyoILhwOy0FnnQ4qL6iVWlUnol0CVQ/hW121xtX\nYyX0\r\n=dHfU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICaNaWQecJoUoVRyxo6JXvw+A2hp+WBrbp7DkuqCgbbhAiB29AgOx0lPMcD7QK69+73/nVvOKUc42lbt8JttcskjiA=="}]},"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"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-sprite-scroller_1.0.5_1551543272743_0.6902788497837637"},"_hasShrinkwrap":false},"1.0.6":{"name":"novicell-sprite-scroller","version":"1.0.6","description":"For tweening a sprite on scroll","main":"dist/spriteScroller.cjs.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["sprite","scroll","tween"],"author":{"name":"henrikschytze"},"license":"MIT","dependencies":{"gsap":"^2.1.1","scrollmagic":"^2.0.6","stickyfill":"^1.1.1-strict"},"readme":"# Novicell Sprite Animation\r\n\r\n**Used to animate spritesheets**\r\n\r\n## Usage\r\n\r\n### Prerequisites:\r\n\r\nYour spritesheet must currently be either horizontal or vertical. So no either one column with multiple rows, or one row with multiple columns (vertical vs horizontal)\r\n\r\n### Install with npm\r\n\r\n```bash\r\nnpm install novicell-sprite-scroller\r\n```\r\n\r\n## Setup\r\n\r\nIn your HTML\r\nCreate a sticky-wrapper and a nested div with a class of sprite (this will hold the actual spritesheet itself)\r\n\r\n```html\r\n<div class=\"sticky-wrapper\">\r\n  <div class=\"sprite\"></div>\r\n</div>\r\n```\r\n\r\nThe css used is\r\n\r\n```CSS\r\nbody {\r\n    /* Give body some height - otherwise u cant see the scroll */\r\n    height: 4000px;\r\n    text-align: center;\r\n}\r\n.sticky-wrapper {\r\n    position: -webkit-sticky;\r\n    position: sticky;\r\n    top: 0;\r\n    max-width: 600px;\r\n    width: 100%;\r\n    height: auto;\r\n    margin: 50px auto 0;\r\n}\r\n.sprite {\r\n    position: relative;\r\n    background: url(\"./sprite/ryu-sprite-demo.png\") no-repeat 0% 0%;\r\n}\r\n/* This pseudoelement makes the square responsive */\r\n.sprite:before {\r\n    content: \"\";\r\n    display: block;\r\n    padding-top: 100%;\r\n}\r\n```\r\n\r\nIn your javascript, import the module\r\n\r\n```javascript\r\nimport { SpriteScroller } from \"novicell-sprite-scroller\";\r\n```\r\n\r\n## Example\r\n\r\n```javascript\r\nlet spriteOne = new SpriteScroller({\r\n  element: \"sprite\", // class name of the element containing the sprite background url\r\n  rows: 46, // Amount of rows in sprite. If omitted, will default to 1\r\n  columns: 1, // Amount of columns in sprite. if omitted, will default to 1\r\n  direction: \"vertical\", //Accepts 'vertical' or 'horizontal' the direction of the animation. If omitted, will default to 'horizontal'\r\n  scrollMagicOptions: {\r\n    /* Here you can pass the usual args for the ScrollMagic scene. If omitted, it will default to \r\n            triggerHook: \"onEnter\",\r\n            duration: 600,\r\n            offset: 0\r\n        Note that many more options exist, simply look up the official scrollmagic docs for scene constructor\r\n        */\r\n    duration: 2000 // The sprite will unfold over 2000pxs.\r\n  }\r\n});\r\n```\r\n\r\n## Codepen\r\n\r\nhttps://codepen.io/henrikschytze/pen/JzGmeR\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":"29995cd81dd2f5e78df9027e0096e457162c40c2","_id":"novicell-sprite-scroller@1.0.6","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"ankeris","email":"aneke1234@gmail.com"},"dist":{"integrity":"sha512-oRQQw47FUXZdkXYRpBLsp9TnBOUjn6EJusCAo3Zir1RU4mWvPmQywx4LifpcqmSvcl3ykq4NMvHU4L3TWPiijQ==","shasum":"90d4b988bad5220d66e804df1d6fc8c7d79aec14","tarball":"https://registry.npmjs.org/novicell-sprite-scroller/-/novicell-sprite-scroller-1.0.6.tgz","fileCount":10,"unpackedSize":557665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcetJ3CRA9TVsSAnZWagAAtmcQAIwcGBfuQYdi0x0QCneA\njyc0Asq6+VJ7NOLbj6IrcoKnh3WiSTDhQ1jHi0tWOFJIh0D85ouJCuGJcPjx\nlizR3ar+T/+LGads9jOlrw56J1EmgNvi4JBEHwb5uj5FhVfjCRAKZ0IHGDzd\n3sfh1nNK/FlHANzK46e+vCAedIj6FdLSwuepB9dl/ZT8icvSmdx/eVP11Qur\nfbD2jDwoyVBLZYR1L7J3//ghEVDm337iOwU+n7tD+VtMXpO0iiFn25MKeR9l\naGFqQrhyQ+qq7t8f4Tqhe/ekAaw16iIfZAt4TlgxhMJCr22M0kFwNZTYjGgW\nc/T3rgDyDop/9+d9/bqlqiGq+BIjGIGyCWsQ4a8X4gJQOXNqAvxqgCQ5Mhob\nfOjT6uiBNVUfPHeC1MHZ1uKK9pRAyTUgT95R0EDi6+oSf/5s3HIGmRfE7Xp/\nSYpxTAGUEhowJ6rN40A7qQhKc/a6tJTjopVzKRtW/N029WdS7hN+IVug1+Nl\nqGWyCaBYTxbrQnNUp4AQCZTY3gYqaTgyWPfc4kPErhYpdbF3sjt8uUb7RmhY\niljFdj6VvopQEhuO7cBRVAieqfc0lBa4bsThFtWy0+Q6Rart5YHEb8ggMiF2\nrDKFRvgC2A+r4TOsgK0BApQQ3mHbs08113dnQTqkL2H04f7Wgx3dYbzzqr5m\nExvQ\r\n=qUh7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDuqzBe+fDjU/wnfBD7aJKdXUi1xZ6vZlAu0fm5Hew9rQIhAIw5H1+KNJWhWGgwegkw0k6YT9AooE5rB9vpLg07ZD4T"}]},"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"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-sprite-scroller_1.0.6_1551553142473_0.34678037360931"},"_hasShrinkwrap":false},"1.0.7":{"name":"novicell-sprite-scroller","version":"1.0.7","description":"For tweening a sprite on scroll","main":"dist/spriteScroller.esm.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["sprite","scroll","tween"],"author":{"name":"henrikschytze"},"license":"MIT","dependencies":{"gsap":"^2.1.1","scrollmagic":"^2.0.6","stickyfill":"^1.1.1-strict"},"gitHead":"a3cd0b64c1e7c2a0d9989f0d8670f4b58554056f","_id":"novicell-sprite-scroller@1.0.7","_npmVersion":"5.5.1","_nodeVersion":"8.9.2","_npmUser":{"name":"ankeris","email":"aneke1234@gmail.com"},"dist":{"integrity":"sha512-uH9USxfcW8d7+hBdQ0VVZsNHPpRdJ1ZPq4o596rdmG6nqe5wRyyUBHX9N1fWpq6fxJiWMyzgLMKcqAqpPVOtPQ==","shasum":"ffcaed7120d5414898ba9a5c8635ff94636a5d52","tarball":"https://registry.npmjs.org/novicell-sprite-scroller/-/novicell-sprite-scroller-1.0.7.tgz","fileCount":10,"unpackedSize":559895,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJciVS4CRA9TVsSAnZWagAAav4P/jGT/Er/Ypro7ieQkvyW\nSa9iuTJiHLP2WvTuq+qzHk1yvUlSLZOSroounhxiJqnYmMLSsiUgFQMMnTYr\nYA0aTF3u+e9xkaIS9VIguY2esFCCt3gKaJp7L/kOUc3mWNeoYTpIf9WlnJGg\n16/VqlnRwhHsNN6zCZRardWCHYLkbdZ/KeRd2tO91U/IfKghwRskH70G0bCF\n9dHIlW9nKUabGaSvdPKI5ekz+Bp4/AHqIFHTJN/yYnYoVFVRdvoSySZwO/QO\nFqda6TV6kpUh3LL1VweF9zCpFLxzCR852vX+w0vKenwuA5P1G1vbTbYCYQn3\n0u2nSBwDI1sVKY3143GucRukVUe1WVjWSt85Y32WYV1g0XrwyegVsCdKkHT4\noEGFeXg6UvCoUX+TMxY9pruS6DbgvN9v8cvsgbAj3gGMDsLEDvddtJdGCN3g\nckpTl3tLTN5E6k/oJvECFeKtMXQB+sXzyTzASbkUg0Z9mAQS1Vy9lu83snSs\nIVOeJ4sQCCpwYc89g87+f+OxqLxDwOH2pmd/7KFjJiQSBERjcMLBfC3Nbd8T\n96QACtjN+DapW9tD5Kpiv2Keq/1apMFryVgxHKYxie993EJoFJILWWpbaDAY\nK5Z9ZOQWpIVLQ0Z6qQhc1sGzWrCs8spC7n/gAj+7a+E80ltUyisTQxmVN3/+\n1dEt\r\n=RK53\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCj85oGD+EtdK8CT3NLXZV13692rE3UeoQG4yj5JL/ksQIgLMkNl8gdbUHA0jlClzt4ayQZ1G83FzHeQYI6eWt0nzI="}]},"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"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-sprite-scroller_1.0.7_1552503991999_0.8397913462579301"},"_hasShrinkwrap":false}},"time":{"created":"2019-03-01T14:39:49.250Z","1.0.1":"2019-03-01T14:39:49.566Z","modified":"2022-05-11T10:08:45.556Z","1.0.2":"2019-03-01T14:46:13.600Z","1.0.3":"2019-03-01T15:07:27.540Z","1.0.4":"2019-03-02T16:12:21.368Z","1.0.5":"2019-03-02T16:14:32.845Z","1.0.6":"2019-03-02T18:59:02.717Z","1.0.7":"2019-03-13T19:06:32.189Z"},"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":"For tweening a sprite on scroll","keywords":["sprite","scroll","tween"],"author":{"name":"henrikschytze"},"license":"MIT","readme":"# Novicell Sprite Animation\r\n\r\n**Used to animate spritesheets**\r\n\r\n## Usage\r\n\r\n### Prerequisites:\r\n\r\nYour spritesheet must currently be either horizontal or vertical. So no either one column with multiple rows, or one row with multiple columns (vertical vs horizontal)\r\n\r\n### Install with npm\r\n\r\n```bash\r\nnpm install novicell-sprite-scroller\r\n```\r\n\r\n## Setup\r\n\r\nIn your HTML\r\nCreate a sticky-wrapper and a nested div with a class of sprite (this will hold the actual spritesheet itself)\r\n\r\n```html\r\n<div class=\"sticky-wrapper\">\r\n  <div class=\"sprite\"></div>\r\n</div>\r\n```\r\n\r\nThe css used is\r\n\r\n```CSS\r\nbody {\r\n    /* Give body some height - otherwise u cant see the scroll */\r\n    height: 4000px;\r\n    text-align: center;\r\n}\r\n.sticky-wrapper {\r\n    position: -webkit-sticky;\r\n    position: sticky;\r\n    top: 0;\r\n    max-width: 600px;\r\n    width: 100%;\r\n    height: auto;\r\n    margin: 50px auto 0;\r\n}\r\n.sprite {\r\n    position: relative;\r\n    background: url(\"./sprite/ryu-sprite-demo.png\") no-repeat 0% 0%;\r\n}\r\n/* This pseudoelement makes the square responsive */\r\n.sprite:before {\r\n    content: \"\";\r\n    display: block;\r\n    padding-top: 100%;\r\n}\r\n```\r\n\r\nIn your javascript, import the module\r\n\r\n```javascript\r\nimport { SpriteScroller } from \"novicell-sprite-scroller\";\r\n```\r\n\r\n## Example\r\n\r\n```javascript\r\nlet spriteOne = new SpriteScroller({\r\n  element: \"sprite\", // class name of the element containing the sprite background url\r\n  rows: 46, // Amount of rows in sprite. If omitted, will default to 1\r\n  columns: 1, // Amount of columns in sprite. if omitted, will default to 1\r\n  direction: \"vertical\", //Accepts 'vertical' or 'horizontal' the direction of the animation. If omitted, will default to 'horizontal'\r\n  scrollMagicOptions: {\r\n    /* Here you can pass the usual args for the ScrollMagic scene. If omitted, it will default to \r\n            triggerHook: \"onEnter\",\r\n            duration: 600,\r\n            offset: 0\r\n        Note that many more options exist, simply look up the official scrollmagic docs for scene constructor\r\n        */\r\n    duration: 2000 // The sprite will unfold over 2000pxs.\r\n  }\r\n});\r\n```\r\n\r\n## Codepen\r\n\r\nhttps://codepen.io/henrikschytze/pen/JzGmeR\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"}