{"dist":{"shasum":"b375726db0b5b04595b77440396fec7daa5d77c9","tarball":"https://registry.npmjs.org/ease-component/-/ease-component-1.0.0.tgz","integrity":"sha512-9Ouvcal2rQpKVw3uwVbs4BKyiQyA4LZD9VOjb+qor3jUPKEl/1hn60oKW6NEVj/Fw924skDsKXyCasPX4rRH5Q==","signatures":[{"sig":"MEQCIB6NuEkGHB5mYZIxDlmZogq7tmP9RQGcvhukYgZEGhgnAiBFVoRhs6+B4D0CaG1VbEkwxq+Lp1JJdosbyQ55Xx0szA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"name":"ease-component","_from":".","readme":"\n# ease\n\n  Easing functions (for canvas etc)\n\n  - linear\n  - inQuad\n  - outQuad\n  - inOutQuad\n  - inCube\n  - outCube\n  - inOutCube\n  - inQuart\n  - outQuart\n  - inOutQuart\n  - inQuint\n  - outQuint\n  - inOutQuint\n  - inSine\n  - outSine\n  - inOutSine\n  - inExpo\n  - outExpo\n  - inOutExpo\n  - inCirc\n  - outCirc\n  - inOutCirc\n  - inBack\n  - outBack\n  - inOutBack\n  - inBounce\n  - outBounce\n  - inOutBounce\n\n## Aliases\n\n  - in-quad\n  - out-quad\n  - in-out-quad\n  - in-cube\n  - out-cube\n  - in-out-cube\n  - in-quart\n  - out-quart\n  - in-out-quart\n  - in-quint\n  - out-quint\n  - in-out-quint\n  - in-sine\n  - out-sine\n  - in-out-sine\n  - in-expo\n  - out-expo\n  - in-out-expo\n  - in-circ\n  - out-circ\n  - in-out-circ\n  - in-back\n  - out-back\n  - in-out-back\n  - in-bounce\n  - out-bounce\n  - in-out-bounce\n\n## Example\n\n```js\nvar ease = require('ease');\nvar requestAnimationFrame = require('raf');\nvar canvas = document.querySelector('canvas');\nvar ctx = canvas.getContext('2d');\n\nvar stop = false;\nfunction animate() {\n  if (stop) return;\n  requestAnimationFrame(animate);\n  draw();\n}\n\nvar startx = 20;\nvar x = startx;\nvar destx = 300;\nvar y = 400 / 2;\nvar duration = 1000;\nvar start = Date.now();\nvar end = start + duration;\n\nfunction draw() {\n  var now = Date.now();\n  if (now - start >= duration) stop = true;\n  var p = (now - start) / duration;\n  val = ease.inOutBounce(p);\n  x = startx + (destx - startx) * val;\n  canvas.width = canvas.width;\n  ctx.fillStyle = 'red';\n  ctx.arc(x, y, 10, 0, Math.PI * 2, false);\n  ctx.fill();\n}\n\nanimate();\n\n```\n\n# License\n\n  MIT\n","license":"MIT","_npmUser":{"name":"tjholowaychuk","email":"tj@vision-media.ca"},"keywords":["ease","easing","tween"],"component":{"scripts":{"ease/index.js":"index.js"}},"_npmVersion":"1.2.14","description":"Easing functions (for canvas etc)","maintainers":[{"name":"tjholowaychuk","email":"tj@vision-media.ca"}],"dependencies":{},"readmeFilename":"Readme.md","_id":"ease-component@1.0.0","version":"1.0.0"}