Codepen “example” here
So its really hard for me to explain this, but I’m trying to learn what the best setup for a bunch(6 different full screen panels) of threejs scenes like this would be?
Each scene(fullscreen color) in the codepen linked above is technically a 3D scene with controls that the user can interact with, and when they scroll they will technically see 2 different scenes. But the scenes do not bleed into eachother or have anything to do with eachother (despite sharing a lot of the same logic).
I know in some cases its best to have a SINGLE threeJS canvas and have it sticky to the users scrolling, and just fake the scrolling in threejs. but would that apply here as well?
I’m not looking for any code, just high level setup to help point me in the optimal direction so i don’t lock myself into a design choice. the timeline for this project is tight
these are examples, i have no idea whats correct but stuff like
- have 1 camera per scene, and 1 renderer
- make 6 instances of webgl renderers. (bad imo)