A simple ticker with requestAnimationFrame.
Open the console from your browser's developer tools.
npm i @masatomakino/raf-ticker -Dimport { RAFTicker } from "@masatomakino/raf-ticker";Just import and RAFTicker starts.
RAFTicker.on("tick", (e) => {
console.log(e);
});RAFTicker dispatches events every frame.
Unification of requestAnimationFrame improves rendering performance.
https://stackoverflow.com/questions/17103785/multiple-requestanimationframe-performance
If you use multiple animation modules together, setting up a render loop in each module will increase the cost of callbacks.
Warning Performance improvement from unifying requestAnimationFrame depends on the browser implementation. In future versions of the browser, this approach may result in performance degradation. Be sure to check performance in your actual environment.