(Oye, estoy tratando de usar gif.js junto con p5.js en Processing Launcher.

En primer lugar, tengo problemas para que gif.js funcione porque aparece el error de referencia no detectada: GIF no está definido , por lo que me pregunto si he agregado la biblioteca correctamente. Los descargué de Github y los usé así:

 <!-- PLEASE NO CHANGES BELOW THIS LINE (UNTIL I SAY SO) --> <script language="javascript" type="text/javascript" src="libraries/p5.min.js"></script> <script language="javascript" type="text/javascript" src="createGif.js"></script> <script language="javascript" type="text/javascript" src="myShader.js"></script> <script language="javascript" type="text/javascript" src="Larrytarium.js"></script> <!-- OK, YOU CAN MAKE CHANGES BELOW THIS LINE AGAIN --> <script language="javascript" type="text/javascript" src="libraries/gif.js"></script> <script language="javascript" type="text/javascript" src="libraries/gif.worker.js"></script> <script language="javascript" type="text/javascript" src="libraries/ready.js"></script> <script language="javascript" type="text/javascript" src="libraries/mootools.js"></script>

Lo siento, pero como soy un poco nuevo en todo esto, realmente no puedo trabajar con la información mínima proporcionada en el GitHub oficial .

Este es mi código actual (createGif.js) donde el error persiste, haga lo que haga:

 var CanvasElement = this.p5Canvas var gif = new GIF({ workers: 2, quality: 10 }); // add a canvas element gif.addFrame(CanvasElement, {delay: 200}); gif.on('finished', function(blob) { window.open(URL.createObjectURL(blob)); }); gif.render();

Tal vez es algo tan estúpido que no puedo verlo después de mirarlo durante horas: D ¡Gracias de antemano!

EDITAR: Para explicar con más detalle: tengo dos archivos .js principales, uno es el archivo p5.js que incluye todas las animaciones y el material de Canvas y el otro es el de gif.js cuyo contenido se publica arriba. El HTML está vacío, de lo contrario, las importaciones, como lo genera Processing.