🧵#Timeline LookAt

marcel 🌵 10/8/2025, 8:46:48 AM ↗

marcel 🌵 10/8/2025, 8:46:58 AM ↗

Hi, instead of using the LookAtConstraint the better option is probably to use the new ViewBox component.

You can simply animate it using Timeline/Animator to the point on the model that you want the user to look at. The user can still rotate around it but ViewBox will make sure the section of your model that is important is always visible in view and not cut-off by different screen sizes.

It's how this project is setup (Github): https://scrollytelling-bike-z23hmxb2gnu5a.needle.run/ (Debug View)

https://www.youtube.com/watch?v=GYbrdczuHk0&t=4s

Husky Jesus 10/10/2025, 5:23:35 AM ↗

This was more than helpful! Look me longer than I'm willing to admit to get it working with the Timeline, but it is working!

I do have another question while I'm at it. Like on Needle.Tools, how would I be able to "recenter" the camera on a scroll after having used OrbitControls to move around. When you scroll on the site, it resets that camera to where it should be on the Timeline, and the scroll has the camera look in certain directions when scrolling. Do I need to be animating the camera as well or is there something I missed?