Metaverso, Realidad Aumentada, Realidad Virtual

P5.js editor

Los primeros meses después del lanzamiento de P5.js, la librería era netamente para ser trabajada con editores de texto como sublime text y otros. Como suele suceder en las comunidades de processing, no tardó en aparecer una herramienta para solucionar el trabajo de p5.js. Esta herramienta fue el editor oficial. Con esto ya no será necesario utilizar otro programa para hacer correr los sketch, sino que bajo el mismo editor se pueden crear desde cero los ejemplos, hacer cambios y publicar archivos.

El editor se descarga desde la web oficial y pesa aproximadamente 44 megas en zip.
Vamos hacer una pequeña muestra:

  • Una vez descargado el archivo, lo abrimos y estos son los archivos que encontrarás:

p5win

 

  • Abrimos el archivo llamado P5 y tendremos un editor simple que está en fase beta. En dicho editor encontaremos las librerías clásicas (p5.dom, p5.js, p5.sound)
  • p5js editor

 

  • Dentro del sketch.js vemos el function setup y el function draw (al igual que processing) por lo que cada vez que programemos tendremos que utilizar dicho esquema.
  • Se usaré el ejemplo GameofLife!

game of life - p5js

 

Finalmente el resultado se mostrará en una página de localhost. Aquí haremos todos los test posibles y luego lanzaremos el archivo como javascript para facilitarnos la subida de archivos a la web.

¿Ya has probado el editor? ¿Has tenido alguna falla? Te parece interesante?
Coméntanos!

 

No te pierdes del mejor análisis sobre el mundo XR + AI - En español 🎁

Suscríbete y te compartaré quincenalmente el mejor resumen que puedes encontrar. SIN SPAN, SIN CONTENIDO ABURRIDO. CONTENIDO DIRECTO a A LA VENA !

We don’t spam! Read our privacy policy for more info.

No te pierdes del mejor análisis sobre el mundo XR + AI - En español 🎁

Suscríbete y te compartaré quincenalmente el mejor resumen que puedes encontrar. SIN SPAN, SIN CONTENIDO ABURRIDO. CONTENIDO DIRECTO a A LA VENA !

We don’t spam! Read our privacy policy for more info.

Emiliusvgs - Emilio Vegas

Fundador de Emiliusvgs. Comunicador digital de profesión y programador empírico. Trabajo para fomentar la innovación digital y en mis ratos libres estoy inmerso en marketing.

2 thoughts on “P5.js editor

  • edwin

    He intentado descargar el editor p5.js pero al instalarlo me dice que no es compatible, que tengo que buscar una versión para mi equipo, yo utilizo windows 10. ¿cómo podría solucionar el problema de compatibilidad?

    Reply
    • Emilio VegasPost author

      Hola!
      Es raro que te salga un error así! Yo tengo windows 10 y funciona OK. Detállame el problema
      Slds

      Reply

Deja un comentario

This site uses Akismet to reduce spam. Learn how your comment data is processed.