While looking at many react-three-fiber and react-three-flex examples, I noticed that 100% of them were animating the objects of the scene around the camera, instead of the camera around the scene; For example, Example, many of the parallax examples use clever math lerp calculations to create a nice parallax effect where objects in the foreground pan across the camera faster than objects positioned in the background. When the page scrolls, the content moves according to the content ratios and viewport size. While attempting to try this on my own, I asked myself, what’s stopping me from just animating the camera instead? The camera would simply pan across and down the page when the pages scrollTop changes. Theoretically, you could get the same result, right? But would it be easier? If anyone has any opinions or answers to why this is the case, I would be interested in reading why.
Here’s another example: example