@josephh Maybe I’m misunderstanding something here completely, but from every example I looked up so far, they all have the instructions to draw the elements in the draw() method. So, for every frame, JavaScript has to loop over all the elements and do all the draw instructions, which I would assume is the bottleneck here.What I’m looking for is a way to pre-buid the scene and then only have something like a translate() call in the draw() function to move the viewport over the pre-build WebGL scene, to take JavaScript out of the loop, once the scene has been prepared.
I already tried the translate() method and drew all the elements in the setup() method and then tried to do a translate() in the draw() method, but that did not work. From what I understand, translate() only sets the coordinates for the next instructions in the draw() method, so without re-drawing all the elements, nothing will happen.