Skip to main content

p5.js

p5.js
Consigue el código

Idioma

Javascript

Tipo de herramienta

Algoritmo

Licencia

GNU Lesser General Public License version 2.1

Versión

1.7.0

Acerca de la herramienta Responsable

The Processing Foundation

p5.js
¿Qué es?

p5.js es una librería del lenguaje de programación JavaScript que facilita la codificación creativa en la web para artistas y diseñadores. Ofrece un conjunto completo de funciones de dibujo, permitiendo ver la página del navegador como un lienzo interactivo. Esta herramienta fue diseñada para democratizar la programación visual, facilitando el aprendizaje y la expresión creativa. Su uso extenso en proyectos educativos y artísticos refuerza el compromiso con la comunidad creativa, fomentando la colaboración y la innovación visual.

¿Qué problemas resuelve?

p5.js permite a usuarios sin experiencia en programación explorar la creación visual en la web, ampliando el acceso a herramientas de diseño interactivo y educación en programación.

¿Cómo funciona la herramienta?

Dibujo de lona simple: proporciona funciones fáciles de usar para dibujar formas, imágenes y texto en lienzo HTML5. Manejo de eventos: permite a los usuarios responder a eventos de mouse y teclado para gráficos interactivos. Animación: admite la animación basada en marco para crear imágenes dinámicas. Bibliotecas y extensiones: ofrece una gama de bibliotecas y extensiones para expandir la funcionalidad. Recursos educativos: proporciona documentación extensa, tutoriales y ejemplos para los alumnos. Comunidad y colaboración: fomenta una comunidad global de usuarios y contribuyentes. Multiplataforma: funciona en varios navegadores y plataformas web. Expresión creativa: capacita a las personas para explorar la codificación creativa y expresar ideas a través de imágenes. Exportación de código: permite a los usuarios exportar y compartir sus proyectos interactivos fácilmente.

Estándares abiertos

Desarrollada como una biblioteca de JavaScript, extiende los principios de Processing para facilitar la creación interactiva en HTML5. Permite trabajar con texto, entradas, video, cámara web y sonido. Es de código abierto, con documentación completa y soporte comunitario activo que fomenta la colaboración y el aprendizaje.

Sector
Educación
Características
Recursos metodológicos
Objetivos de desarrollo sostenible
Industria innovación e infraestructura
hands
Consigue el código de este proyecto
Consigue el código

Conéctese con el equipo de Código para el Desarrollo y descubra cómo nuestras herramientas de código abierto, cuidadosamente curadas, pueden apoyar a su institución en América Latina y el Caribe. Escríbanos para explorar soluciones, resolver dudas de implementación, compartir éxitos de reutilización o presentar una nueva herramienta. Escríbenos a [email protected]

Contáctanos
p5.js: Herramienta Creativa de Código Abierto p5.js: Herramienta Creativa de Código Abierto

Página de inicio de "p5.js", una librería JavaScript de código abierto para programación creativa. Botones a la izquierda incluyen opciones como Editor, Descargar, Donar y Aprender. Botón para crear con el editor p5.

Instrucciones para Empezar con p5.js Instrucciones para Empezar con p5.js

La imagen muestra instrucciones para comenzar con p5.js. Incluye un ejemplo de código: funciones `setup()` y `draw()` crean un lienzo de 400x400 píxeles con un fondo gris claro (220).

Lista de Categorías de Ejemplo de p5.js Lista de Categorías de Ejemplo de p5.js

Esta imagen muestra una lista de categorías de ejemplo del sitio web P5.JS, que incluyen temas de codificación como estructura, simulación y 3D para fines educativos.

Página oficial de p5.js

Sitio web principal con información completa sobre la biblioteca.

Ver más
Tutoriales de p5.js

Lecciones paso a paso para aprender a utilizar p5.js desde cero o mejorar habilidades existentes.

Ver más
Artículo: "Hacia la programación creativa en América Latina: p5.js"

Entrevista sobre la promoción de p5.js y su accesibilidad en América Latina.

Ver más
Ejemplos prácticos de p5.js

Colección de ejemplos que muestran las capacidades de p5.js en diversos proyectos.

Ver más
Pavimentados
Optimizing road maintenance and signaling with computer vision.

Transport
Geolocation
Image processing
UrbanPy
Simplifying urban data collection and analysis for effective planning.

Urban Development and Housing
Geolocation
Database management
SunScan IDB
Facilitating the evaluation of rooftop solar potential with advanced and accessible technology.

Energy
Geolocation
Image processing
URSA
Facilitating urban planning with accessible data.

Urban Development and Housing
Simulators
Geolocation
Urbantrips
Turning transportation data into complex analysis to improve management.

Transport
Geolocation
Ver todas las herramientas
hands
Profundiza tus conocimientos sobre la implementación de herramientas en el sector público con nuestros cursos, guías y muchos otros recursos más.
Ser parte de la comunidad
Jump back to top