Scene to Screen
The animation loop
Lesson 4 of 5
Animation is re-rendering on a loop. setAnimationLoop schedules the frames, Clock's delta time keeps motion frame-rate independent, and a Raycaster turns clicks into picks.
What you'll learn
- Drive frames with renderer.setAnimationLoop instead of a hand-rolled requestAnimationFrame
- Use Clock's delta time so motion runs at the same real-world speed on any display
- Pick objects under the pointer with Raycaster.setFromCamera
Members only
A free account unlocks this lesson and every other one.
Runnable challenges, knowledge checks, and progress that syncs across your devices. No card needed.
Not sure yet? Try the free lesson first: Scene, camera, renderer