Ir al contenido

Preferencias de idioma

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

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

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

Extensive library for p5.js that adds additional event-listening functionality for creating canvas-based web applications. 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.localmessage provides a simple interface to send messages locally from one sketch to another for easy multi-window sketching! 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

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

Adds the screenX and screenY functionality from Processing to P5js. 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

p5 extension for 2D static art using px, mm, cm or inches Creada por: Kris HEYSE

A multi-touch and mouse GUI Library for p5.js. Creada por: Carlos L05 Garcia

Tramontana is a platform for easily use many devices (iOS, Android, tramontana Board, ...) to create interactive environments, interactive spaces or just prototype experiences at scale and in space. Creada por: Pierluigi Dalla Rosa

Vida is a simple library that adds camera (or video) based motion detection and blob tracking functionality to 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

3D Text and Images in WebGL. Creada por: Freddie Rawlins