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.asciiart is a simple and easy to use image - to - ASCII art converter for p5js. Created by Pawel Janicki.

A Javascript library that enables communication between BLE devices and p5 sketches. Created by Yining Shi, Jingwen Zhu, Tom Igoe.

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.

Event driven, easy-to-use button library for p5.js. Created by Martín del Río.

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

Create animation loops with noise and GIF exports in one line of code. Created by Peter Hayman.

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.

Extensive library for p5.js that adds additional event-listening functionality for creating canvas-based web applications. Created by Felix Meichelböck.

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.geolocation provee técnicas para adquirir, observar, calcular y georeferenciar ubicaciones de usuario para p5.js. Creada por Ben Moren.

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

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.gui genera una interfaz gráfica de usuario para tus bosquejos p5. Creada por Martin Schneider.

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.

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.

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

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

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.

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

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.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.

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

Vida is a simple library that adds camera (or video) based motion detection and blob tracking functionality to p5js.Pawel Janicki.

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

3D Text and Images in WebGL. Created by Freddie Rawlins.

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. If you have created a library and would like to have it included on this page, submit this form!

 

*

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

Processing Foundation