Estoy tratando de crear una escena usando p5.js que crea muchos objetos diferentes en el espacio 3D. Funciona bien para una pequeña cantidad de objetos, pero se ralentiza mucho para miles de objetos. Los objetos y sus posiciones relativas seguirán siendo los mismos, por lo que me preguntaba si es posible renderizar una vez y luego solo rotar el ángulo de vista o controlar con el mouse sin tener que dibujar cada objeto nuevamente para cada iteración de dibujo. Me cansé de noloop y creé los objetos fuera del bucle de dibujo y la perspectiva cambió dentro del bucle de dibujo, pero la escena permanece estática. ¡Muchas gracias de antemano!

 var Sz = 300; var N = 1000; var x = []; var y = []; var z = []; // noprotect function setup() { createCanvas(windowWidth, windowHeight, WEBGL); background(0); for (var i = 0; i < N; i++) { x[i] = random(-Sz, Sz); y[i] = random(-Sz, Sz); z[i] = random(-Sz, Sz); } } function draw() { background(0, 0, 0); //translate(0,0,-100); rotateY(frameCount * 0.01); rotateX(frameCount * 0.01); rotateZ(frameCount * 0.01); orbitControl(); for (var i = 0; i < N; i++) { push(); translate(x[i], y[i], z[i]); R = 255 * abs(x[i] / max(x)); G = 255 * abs(y[i] / max(y)); B = 255 * abs(z[i] / max(z)); stroke(R, G, B); sphere(Sz / 50, 8); pop(); } }