chaser
v0.4.3
Published
Javascript variable chaser
Downloads
20
Readme
Chaser
JavaScript variable chaser
Installation
npm install --save chaser
Usage
const chaser = require('chaser')
const myAnimatedVar = chaser(12) // 12 is our initial value here
myAnimateVar.target = 20
setInterval(() => {
console.log(myAnimatedVar.value) // You can use .value anywhere and it will be generated accurately by timing function and passed time.
}, 10)
Chaser using React Hooks with useChaser
import { useChaser } from 'chaser'
function MovingBox() {
const [posX, setPosX] = useChaser(0 /* initialValue */)
return (
<div style={{ transform: `translateX(${posX}px)` }}>
<button onClick={() => setPosX(Math.random() * 100)} />
</div>
)
}
Example
If you're looking for an example, here's a unclean example! but works: https://alireza29675.github.io/chaser/
Contribute
Put issues! Suggest me what you need.