Creé un boceto que dibuja cientos de miles de líneas. Como era de esperar, es bastante lento. Entonces, probé el mismo boceto con el modo WEBGL. Pero esto resultó ser más lento que el modo predeterminado.
Entendí que WEBGL aprovecha la GPU para un renderizado rápido. ¿No es verdad?
Gracias.
createCanvas(windowWidth, windowHeight, WEBGL)
Nota al margen: primero codifiqué este boceto en Procesamiento (java), donde el modo WEBGL era 100 veces más rápido que el modo predeterminado. Entonces, esperaba lo mismo con P5js.
Dibujar numerosas formas trazadas en p5.js con WEBGL es notoriamente lento. Consulte: Sketch se ejecuta lentamente en P5.js WEBGL en el foro de Discourse de processing.org. Si desea dibujar líneas y/o curvas específicamente y no necesita una perspectiva 3D, entonces un lienzo 2D funcionará mejor (y en la mayoría de los navegadores seguirá utilizando la GPU). Si realmente está utilizando la perspectiva 3D y otras capacidades de representación de WEBGL, entonces la clave es reducir la cantidad de instrucciones de dibujo y, si es posible, evitar confiar en p5.js para dibujar trazos. Para brindarle consejos más específicos sobre cómo hacer eso, tendrá que publicar un ejemplo mínimo reproducible de lo que está tratando de hacer.