{"_id":"ease-component","_rev":"2840267","name":"ease-component","description":"Easing functions (for canvas etc)","dist-tags":{"latest":"1.0.0"},"maintainers":[{"name":"tjholowaychuk","email":"tj@vision-media.ca"}],"time":{"modified":"2022-09-06T15:51:08.000Z","created":"2013-03-25T19:41:21.992Z","1.0.0":"2013-03-25T19:41:21.992Z"},"users":{},"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","readmeFilename":"Readme.md","_id":"ease-component@1.0.0","dist":{"shasum":"b375726db0b5b04595b77440396fec7daa5d77c9","size":2203,"noattachment":false,"key":"/ease-component/-/ease-component-1.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/ease-component/download/ease-component-1.0.0.tgz"},"_from":".","_npmVersion":"1.2.14","_npmUser":{"name":"tjholowaychuk","email":"tj@vision-media.ca"},"maintainers":[{"name":"tjholowaychuk","email":"tj@vision-media.ca"}],"directories":{},"publish_time":1364240481992,"_hasShrinkwrap":false,"_cnpm_publish_time":1364240481992,"_cnpmcore_publish_time":"2021-12-16T11:29:05.318Z"}},"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","_attachments":{},"readmeFilename":"Readme.md","license":"MIT"}