Plan de estudios de 12 semanas y 24 lecciones para principiantes, que enseña HTML, CSS y JavaScript con proyectos prácticos como un terrario y juegos.
97,1 mil+65 esta semana16,1 milJavaScriptMITActualizado hace 3 días
processing/p5.js
p5.js es una biblioteca gratuita y de código abierto de JavaScript para la programación creativa, el dibujo y la creación de gráficos interactivos o generativos en la web.
- Estrellas
- 24,318
- Forks
- 3,897
- Issues abiertos
- 530
- Último commit
- anteayer
¿Qué es?
p5.js es una biblioteca de JavaScript para la programación creativa que permite a artistas, diseñadores, docentes y principiantes dibujar, animar y crear gráficos interactivos directamente en el navegador. Su estructura con setup() y draw() facilita empezar con unas pocas líneas de código y se basa en los principios fundamentales de Processing.
La biblioteca ofrece un conjunto completo de herramientas de dibujo y permite crear obras audiovisuales, experimentales y generativas. Los desarrolladores pueden tratar una página web como un sketch, y el proyecto ofrece documentación de referencia extensa con ejemplos visuales, tutoriales y un editor web para programar sin configurar un entorno local. Las bibliotecas creadas por la comunidad amplían sus capacidades.
p5.js cuenta principalmente con el mantenimiento de voluntarios bajo la Processing Foundation, con énfasis en la accesibilidad y la inclusión, y está disponible en varios idiomas.
Funciones clave
- 01Estructura sencilla con setup() y draw() para crear sketches rápidamente.
- 02Conjunto completo de herramientas de dibujo 2D para formas, texto e imágenes.
- 03Compatibilidad con obras audiovisuales, interactivas y generativas.
- 04Documentación de referencia extensa, tutoriales y ejemplos visuales.
- 05Editor web en el navegador para programar sin instalación local.
- 06Ampliable mediante bibliotecas creadas por la comunidad.
Casos de uso
- Enseñar a estudiantes los fundamentos de la programación mediante resultados visuales inmediatos.
- Crear arte interactivo o gráficos generativos para la web.
- Crear prototipos de diseños interactivos y animaciones en el navegador.
- Crear visualizaciones que reaccionan al audio junto con la biblioteca p5.sound.
Inicio rápido
- 1
Abre el editor web de p5.js para empezar a programar sin instalar nada
- 2
Sigue el tutorial Get Started del sitio web de p5.js
Antes de usarlo
- El proyecto depende principalmente de voluntarios, por lo que las respuestas a las incidencias pueden tardar.
- Está bajo la licencia LGPL-2.1, una licencia de copyleft débil cuyas condiciones conviene revisar antes de usarla.
En colecciones
Temas
Preguntas frecuentes
- ¿Qué es p5.js?
- p5.js es una biblioteca gratuita y de código abierto de JavaScript para la programación creativa, el dibujo y la creación de gráficos interactivos o generativos en la web. p5.js es una biblioteca de JavaScript para la programación creativa que permite a artistas, diseñadores, docentes y principiantes dibujar, animar y crear gráficos interactivos directamente en el navegador. Su estructura con setup() y draw() facilita empezar con unas pocas líneas de código y se basa en los principios fundamentales de Processing.
- ¿p5.js es gratuito? ¿Qué licencia tiene?
- p5.js es open source bajo la licencia LGPL-2.1. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿p5.js sigue mantenido?
- Mantenimiento activo. El último commit de p5.js fue el 5 nov 2026.
- ¿Para qué puedo usar p5.js?
- Enseñar a estudiantes los fundamentos de la programación mediante resultados visuales inmediatos. Crear arte interactivo o gráficos generativos para la web. Crear prototipos de diseños interactivos y animaciones en el navegador. Crear visualizaciones que reaccionan al audio junto con la biblioteca p5.sound.
- ¿Cómo se instala p5.js?
- Abre el editor web de p5.js para empezar a programar sin instalar nada Sigue el tutorial Get Started del sitio web de p5.js
- ¿Dónde consigo p5.js?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/processing/p5.js
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Aplicación de escritorio de un clic para generar imágenes a partir de texto e imágenes con Stable Diffusion, mediante una interfaz web que no requiere configuración técnica.
10,5 mil861JavaScriptOtherActualizado hace 3 días
Editor gratuito y de código abierto para gráficos 2D vectoriales y rasterizados, basado en un motor procedural con nodos y actualmente en fase alfa.
27,9 mil+58 esta semana1,3 milRustApache-2.0Actualizado hace 4 horas
Generador en el navegador de iniciales ornamentales y capitulares iluminadas sin fin, que puedes explorar, guardar en favoritos y descargar.
187+86 esta semana12JavaScriptMITActualizado hace 8 días
Una skill para agentes que convierte recetas de estilos artísticos y gramáticas de videos explicativos en animaciones generadas con código, para dar movimiento a pinturas y diagramas.
6,5 mil+600 esta semana646JavaScriptMITActualizado hace 22 días
Kit inicial para animar un personaje de dibujos animados pintado a mano con Claude, usando p5.js y p5.brush, con una guía para el modelo.
2,7 mil+347 esta semana249JavaScriptMITActualizado el mes pasado