# \#animation-loop

**URL:** https://discourse.threejs.org/tag/animation-loop/485.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [How do I wait for the \<canvas\> to update? All three.js FPS counters are inaccurate without this ability](https://discourse.threejs.org/t/how-do-i-wait-for-the-canvas-to-update-all-three-js-fps-counters-are-inaccurate-without-this-ability/87381)

<div class="topic-metadata">

**Author:** [@torrent](https://discourse.threejs.org/u/torrent)\
**Replies:** 3\
**Last updated:** [October 6, 2025, 7:50pm UTC](https://discourse.threejs.org/t/how-do-i-wait-for-the-canvas-to-update-all-three-js-fps-counters-are-inaccurate-without-this-ability/87381 "2025-10-06T19:50:42Z")

</div>

Calling renderer.render() in a requestAnimationFrame() loop will often fire faster than the \<canvas\> element can update its image, making any “true” FPS measurement inaccurate. In three.js, how can I block each iteratio…

---

## [How to use easing functions to improve lerp/slerp](https://discourse.threejs.org/t/how-to-use-easing-functions-to-improve-lerp-slerp/40766)

<div class="topic-metadata">

**Author:** [@r0bert0](https://discourse.threejs.org/u/r0bert0)\
**Replies:** 11\
**Last updated:** [January 10, 2025, 3:35pm UTC](https://discourse.threejs.org/t/how-to-use-easing-functions-to-improve-lerp-slerp/40766 "2025-01-10T15:35:31Z")

</div>

Hey, I am animating a gltf skeleton dynamically and interpolating between position, rotation, scale for each bone. Using lerp and slerp works, but it still looks very sudden and unnatural, so I have been trying to use …

---

## [Harmonizing speed of runner game on all device / cap FPS](https://discourse.threejs.org/t/harmonizing-speed-of-runner-game-on-all-device-cap-fps/45034)

<div class="topic-metadata">

**Author:** [@RobertBeric42](https://discourse.threejs.org/u/RobertBeric42)\
**Replies:** 3\
**Last updated:** [November 23, 2022, 11:08am UTC](https://discourse.threejs.org/t/harmonizing-speed-of-runner-game-on-all-device-cap-fps/45034 "2022-11-23T11:08:02Z")

</div>

Hi guys, I made this little project for my personal purpose. https://gitlab.com/Vincent789/portfolio portfolio-rho-five-31.vercel.app It uses react-three-fiber. My animations don’t look the same on all devices as I …

---

## [Freelancer/Developer needed: Multi-Animation Viewer w/ Interactive List](https://discourse.threejs.org/t/freelancer-developer-needed-multi-animation-viewer-w-interactive-list/17102)

<div class="topic-metadata">

**Author:** [@Crispin\_Broadhurst](https://discourse.threejs.org/u/Crispin_Broadhurst)\
**Replies:** 2\
**Last updated:** [July 17, 2020, 3:44am UTC](https://discourse.threejs.org/t/freelancer-developer-needed-multi-animation-viewer-w-interactive-list/17102 "2020-07-17T03:44:19Z")

</div>

MOCAP ONLINE - www.mocaponline.com NEEDED ASAP: Three.js Freelancer/Developer to Create: An interactive online 3d viewer/player to display our large packs of 3d animation. Including an interactive list of all animations…

---

## [What's the best simple way to handle the update pattern?](https://discourse.threejs.org/t/whats-the-best-simple-way-to-handle-the-update-pattern/13719)

<div class="topic-metadata">

**Author:** [@looeee](https://discourse.threejs.org/u/looeee)\
**Replies:** 24\
**Last updated:** [March 28, 2020, 3:41am UTC](https://discourse.threejs.org/t/whats-the-best-simple-way-to-handle-the-update-pattern/13719 "2020-03-28T03:41:44Z")

</div>

The idea behind the update pattern is to make each object in the scene responsible for updating itself. It’s described in detail in gameprogrammingpatterns, but here’s the short version: function update() { const del…

---

## [How to hook Three.js VR mode into a custom animation loop](https://discourse.threejs.org/t/how-to-hook-three-js-vr-mode-into-a-custom-animation-loop/3283)

<div class="topic-metadata">

**Author:** [@trusktr](https://discourse.threejs.org/u/trusktr)\
**Replies:** 3\
**Last updated:** [July 1, 2018, 12:03am UTC](https://discourse.threejs.org/t/how-to-hook-three-js-vr-mode-into-a-custom-animation-loop/3283 "2018-07-01T00:03:20Z")

</div>

When rendering non-VR scenes, I’ve been using Three.js in my own animation loop, using a custom loop manager. For example, I might write something like import AnimationLoop from 'animation-loop' // ... make a Three \`sc…