{"_id":"ease-component","_rev":"7-79f6dffe74d107b528b35f1a7473cb55","name":"ease-component","description":"Easing functions (for canvas etc)","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"ease-component","description":"Easing functions (for canvas etc)","version":"1.0.0","keywords":["ease","easing","tween"],"dependencies":{},"component":{"scripts":{"ease/index.js":"index.js"}},"license":"MIT","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","readmeFilename":"Readme.md","_id":"ease-component@1.0.0","dist":{"shasum":"b375726db0b5b04595b77440396fec7daa5d77c9","tarball":"https://registry.npmjs.org/ease-component/-/ease-component-1.0.0.tgz","integrity":"sha512-9Ouvcal2rQpKVw3uwVbs4BKyiQyA4LZD9VOjb+qor3jUPKEl/1hn60oKW6NEVj/Fw924skDsKXyCasPX4rRH5Q==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB6NuEkGHB5mYZIxDlmZogq7tmP9RQGcvhukYgZEGhgnAiBFVoRhs6+B4D0CaG1VbEkwxq+Lp1JJdosbyQ55Xx0szA=="}]},"_from":".","_npmVersion":"1.2.14","_npmUser":{"name":"tjholowaychuk","email":"tj@vision-media.ca"},"maintainers":[{"name":"tjholowaychuk","email":"tj@vision-media.ca"}]}},"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","maintainers":[{"name":"tjholowaychuk","email":"tj@vision-media.ca"}],"time":{"modified":"2022-06-16T03:21:29.779Z","created":"2013-03-25T19:41:18.896Z","1.0.0":"2013-03-25T19:41:21.992Z"},"users":{"dtex":true,"sternelee":true}}