Ir al contenido

Preferencias de idioma

La comunidad de p5.jS se solidariza con Black Lives Matter.

Bibliotecas

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.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>
  <script src="p5.sound.js"></script>
  <script src="sketch.js"></script>
</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. ¡Si has creado una biblioteca y quieres incluirla en esta página, llena este formulario!

Bibliotecas principales

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

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

Bibliotecas de la comunidad

p5.asciiart te permite convertir de forma simple y fácil imágenes - a - arte ASCII dentro de p5js. Creada por: Pawel Janicki

Una biblioteca que facilita la comunicación entre dispositivos BLE y bosquejos p5.js. Creada por: Yining Shi, Jingwen Zhu, Tom Igoe

Una biblioteca que hace que manipular el DOM sea simple. Creada por: Rohan Samra-O'Neill

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

Biblioteca para crear botones y eventos fácilmente con p5.js. Creada por: Martín del Río

Espacio de color cian-magenta-amarillo-negro. Creada por: JT Nimoy

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

Crea ciclos de animaciones con ruido y exporta GIF en una sola línea de código. Creada por: Peter Hayman

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

Control de cámara 3D simple con desplazamiento, zoom y rotación inerciales. Major contributions by Thomas Diewald. Creada por: jWilliam Dunn

Biblioteca extensa para p5.js que agrega eventos adicionales para crear aplicaciones web basadas en el canvas. Creada por: 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

p5.provee una interfaz simple para enviar mensajes locales de un bosquejo a otro y así dibujar en múltiples ventanas! Creada por: Ben Moren

Conversión de trama a vector, isosuperficies. Creada por: jtnimoy

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

ml5.js esta construido sobre TensorFlow.js y provee un acceso amigable a algoritmos de inteligencia artificial y machine learning desde el navegador. Creada por: NYU ITP/IMA and contributors

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

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.Riso.js es una biblioteca para impresión de Risograph. Creada por: Sam Lavigne, Tega Brain

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

Hacer perillas se puede girar con gráficos personalizados y volver rangos de valores Creada por: Miles DeCoster

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

Agrega las variables screenX and screenY con las cordenadas del cursor en la pantalla. Creada por: Hartmut Bohnacker

Dibujar primitivas 2D con una apariencia poco acabada. Creada por Janneck Wullschleger, basada en un puerto de la biblioteca original de Processing. Creada por: 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, Jen Kagan, Tom Igoe

Shape5 is a 2D primative library for elementary students who are learning to code for the first time. Creada por: Patrick Ester

Una biblioteca creada para agregar formas más simples al marco p5.js. Creada por: Sebastien Lorentz

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

extensión para p5 para crear gráficos 2D estáticos usnado px, mm, cm or inches Creada por: Kris HEYSE

Una biblioteca de interfaz gráfica de usuario (GUI) multi-tacto y para el ratón. Creada por: Carlos L05 Garcia

Tramontana es una platforma para utilizar múltiples dispositos (iOS, Android, tramontana Board, ...) para crear ambientes interactivos o prototipar experiencias a escala. Creada por: Pierluigi Dalla Rosa

Vida es una biblioteca simple que agrega detección de movimiento utilizando la camara y la función de seguimiento blob a p5js. Creada por: Pawel Janicki

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

Texto 3D e imágenes en WebGL. Creada por: Freddie Rawlins