Time line based animation in react three

Questions
1

I have a scene where when experience starts camera zooms into an environment and once camera reaches certain positon my background texture changes. after two seconds of this camera is switched to my react default camera and enables auto rotation too… in 3d software this is the work of timeline animation. but in react three fiber how can we achieve this effect. Is there any timeline kind of thing there or we need to control it with code(Preferable…), can someone pls point me to sample code or opensource project where i can learn this …

2

There is TheatreJS with React Three Fiber.

And here is a codesandbox example with r3f:

1 Like
3

theatre is fantastic, other than that you can check out drei/scrollcontrols. it makes it super easy to bind keyframe animations to scroll.

4

thanks alot for the suggestion, :slight_smile: