Language Settings

la diversión de Processing x la excentricidad de JavaScript

la simplicidad de Processing x la flexibilidad de JavaScript

la intuición de Processing x el poder de JavaScript

la creatividad de Processing x el dinamismo de JavaScript

la comunidad de Processing x la comunidad de JavaScript

el poder de Processing x el alcance de JavaScript

Bibliotecas

p5.dom te permite interactuar con objetos HTML5 más allá del lienzo, incluyendo video, audio, cámara, entrada y texto.

p5.sound extiende p5 con funcionalidad de Web Audio, incluyendo entrada de audio, reproducción, análisis y síntesis.

p5.accessibility permite que el canvas de p5 sea más accesible a personas con discapacidad visual.

Bibliotecas contribuidas

p5.serial permite la comunicación serial entre dispositivos que soportan serial (RS-232) y bosquejos p5 corriendo en el navegador. Creada por Shawn Van Every, con contribuciones de Jen Kagan y Tom Igoe.

p5.collide2D provee herramientas para calcular detección de colisiones en geometría 2D con p5.js. Creada por Ben Moren.

RiTa.js provee un conjunto de objetos de procesamiento de lenguaje natural para literatura generativa. Creada por Daniel C. Howe.

p5.geolocation provee técnicas para adquirir, observar, calcular y georeferenciar ubicaciones de usuario para p5.js. Creada por Ben Moren.

p5.speech provee acceso simple y claro a las APIs de Habla Web y Detección de Habla, permitiendo la creación de bosquejos sencillos que pueden hablar y escuchar. Creada por R. Luke DuBois.

Con p5.bots puedes interactuar con Arduino (u otro microprocesador) desde el navegador. Usa los datos de los sensores para controlar tu bosquejo, usa un bosquejo para controlar LEDs, motores, y más. Creada por Sarah Groff-Palermo.

grafica.js te permite añadir gráficas 2D simples pero altamente configurables a tus bosquejos de p5.js. Creada por Javier Graciá Carpio.

p5.play provee funciones de sprites, animaciones, entrada y colisión para juegos y aplicaciones afines. Creada por Paolo Pedercini.

p5.gui genera una interfaz gráfica de usuario para tus bosquejos p5. Creada por Martin Schneider.

p5.gibber provee capacidades de secuenciamiento de música y de síntesis de audio. Creada por Charlie Roberts.

Los objetos Particle y Fountain pueden ser usados para crear efectos controlados por datos que son definidos a través de estructuras de usuario o entrada JSON y funciones de usuario para dibujar. Creada por Robert Cook.

Dibujar primitivas 2D con una apariencia poco acabada. Creada por Janneck Wullschleger, basada en un puerto de la biblioteca original de Processing handy.

p5.tiledmap provee funciones de dibujo y ayuda para incluir mapas hechos con Tiled en tus bosquejos. Creada por Caldas Lopes.

p5.dimensions extiende las funciones de vector de p5.js para que funcione con cualquier número de dimensiones. Creada por Smilebags y Max Segal.

p5.SceneManager te ayuda a crear bosquejos con múltiples estados / escenas. Cada escena es como un bosquejo dentro del bosquejo principal. Creada por Marian Veteanu.

Mappa es una biblioteca que provee un conjunto de herramientas para trabajar con mapas estáticos y geo-datos, además de otras herramientas útiles para desarrollar representaciones visuales de datos con geolocalización. Creada por Cristóbal Valenzuela.

p5.func es una extensión de p5 que provee nuevos objetos y utilidades para generación de funciones en los dominios de tiempo, frecuencia y espacio. Creada por R. Luke DuBois.

p5.voronoi brinda un conjunto de herramientas para dibujar y utilizar diagramas voronoi en tus bosquejos de p5.js.Francisco Moreira.

Usando una biblioteca

Una biblioteca p5.js puede ser cualquier código p5.js que extiende o añade a las funcionalidades centrales de p5.js. Existen dos tipos de bibliotecas. Las bibliotecas centrales (p5.dom y p5.sound ) son parte de la distribución de p5.js, mientras que las bibliotecas contribuidas son mantenidas y desarrolladas por y de propiedad de los miembros de la comunidad de p5.js.

Para incluir una biblioteca en tu bosquejo, enlázala en tu archivo HTML, después que hayas enlazado p5.js. Un archivo HTML como ejemplo podría lucir así:

<!doctype html>
<html>
<head>
  <script src="p5.js">
  <script src="p5.sound.js">
  <script src="sketch.js">
</head>
<body>
</body>
</html>

Crea tu propia biblioteca

p5.js acepta las bibliotecas contribuidas por la comunidad p5.js Revisa el tutorial de bibliotecas para revisar los detalles específicos de cómo crear una.

 

*

Processing p5.js Processing.py Processing for Android Processing for Pi

Processing Foundation