Entonces, a partir de hoy, p5.js está en la versión 1.4.2 y el archivo 804KB tiene un tamaño de archivo enorme de 804 KB.
Soy un desarrollador de sitios web y he estado aprendiendo y mejorando desde hace algunos meses y quiero usarlo en los sitios de los clientes como fondos animados para agregar algo de chispa. Sé que p5.js sin procesar es una colección de muchas 4MBs y con un tamaño total de alrededor de 4 MB. ¿Cómo puedo eliminar las bibliotecas no deseadas de forma segura del archivo principal p5.js y luego minimizarlo para su uso en producción?
Alguien me señaló en FB que la biblioteca de opentype es el 'archivo' más grande. Pero no soy muy bueno con Github, así que no pude encontrar este archivo en el repositorio p5.js
Casi nunca uso funciones de sonido, video, ASCII, tipografía . Y si mi boceto es puramente 2D, la biblioteca 3D tampoco me sirve para nada. Así que quiero guardar versiones de tamaño pequeño del archivo p5.min.js en mi sistema para usar por proyecto. Por favor, ayúdame a entender esto. No quiero desperdiciar estos últimos meses de arduo trabajo.
Gracias.
Bueno, está esto: https://github.com/processing/p5.js/blob/main/contributor_docs/custom_p5_build.md
Pero no pude hacer que funcionara con el código del editor p5.js predeterminado:
function setup(){ createCanvas(600, 400) } function draw(){ background(20) }Incluso con este comando:
npm run grunt combineModules:min:core/shape:color:dom:image:shapes:data:accesibility:io:utilities uglify Todavía obtengo this._pInst._addAccsOutput is not a function . Lo que probablemente significa que falta un archivo/parte del archivo de script p5.
this._pInst._addAccsOutput también parece no tener un cuerpo de función definido en ninguna parte del archivo.
Mis etiquetas de script HTML son así:
<script src="modules/p5Custom.min.js"></script> <script defer src="sketch.js"></script>Y jerarquía de carpetas:
- p5js - lib - index.html - sketch.js - modules - p5Custom.min.js Y las funciones setup() y draw() funcionan perfectamente, createCanvas() probablemente también funcione, parece ser solo un problema con background() , o colores, pero "green" & color(20, 20, 20) no tampoco funciona.
Gracias chicos, pero encontré que la biblioteca q5 era lo que estaba buscando. Su min.js pesa solo alrededor 35kbs y después de quitarle el sonido, se reduce a unos 26kb :)
Todavía no es compatible con 3D, ¡pero pude hacer que mis bocetos 2D p5 funcionaran perfectamente! :)