Skip to main content

p5.js

p5.js
Obtenha o código

Idioma

Javascript

Tipo de ferramenta

Algoritmo

Licença

GNU Lesser General Public License version 2.1

Version

1.7.0

Sobre a ferramenta Responsável

The Processing Foundation

p5.js
O que é?

p5.js é uma biblioteca de linguagem de programação JavaScript que facilita a codificação criativa na web para artistas e designers. Ele oferece um conjunto completo de funções de desenho, permitindo visualizar a página do navegador como uma tela interativa. Esta ferramenta foi pensada para democratizar a programação visual, facilitando o aprendizado e a expressão criativa. A sua ampla utilização em projetos educativos e artísticos reforça o compromisso com a comunidade criativa, fomentando a colaboração e a inovação visual.

Quais problemas surgem?

p5.js permite que usuários sem experiência em programação explorem a criação visual na web, ampliando o acesso a ferramentas de design interativo e educação em programação.

Como funciona a ferramenta?

Desenho de lona simples: fornece funções fáceis de usar para desenhar formas, imagens e texto na tela HTML5. Manuseio de eventos: permite que os usuários respondam a eventos de mouse e teclado para gráficos interativos. Animação: suporta animação baseada em quadros para criar visuais dinâmicos. Bibliotecas e extensões: oferece uma variedade de bibliotecas e extensões para expandir a funcionalidade. Recursos educacionais: fornece documentação, tutoriais e exemplos extensos para os alunos. Comunidade e colaboração: incentiva uma comunidade global de usuários e colaboradores. Plataforma cruzada: funciona em vários navegadores e plataformas da Web. Expressão criativa: capacita os indivíduos a explorar a codificação criativa e expressar idéias através do visual. Exportação de código: permite que os usuários exportem e compartilhem seus projetos interativos facilmente.

Padrões abertos

Desenvolvida como uma biblioteca JavaScript, estende os princípios do Processing para permitir criações interativas em HTML5. Suporta texto, entrada, vídeo, webcam e som. É de código aberto, com documentação completa e uma comunidade ativa que incentiva a colaboração e o aprendizado.

Setor
Educacao
Funcionalidades
Recursos metodológicos
Objetivos de desenvolvimento sustentável
Indústria inovação infraestruturas
hands
Obtenha o código deste projeto
Obtenha o código

Consulte o equipamento de Código para o Desenvolvimento e descubra como nossas herramientas de código abertas, cuidadosamente curadas, podem se apoiar em sua instituição na América Latina e no Caribe. Escritores para explorar soluções, resolver dúvidas de implementação, compartilhar resultados de reutilização ou apresentar uma nova ferramenta. Escreva para [email protected]

Contate-nos
p5.js: Uma ferramenta criativa de código aberto p5.js: Uma ferramenta criativa de código aberto

Página inicial do "p5.js", uma biblioteca JavaScript de código aberto para programação criativa. Botões à esquerda incluem opções como Editor, Baixar, Doar e Aprender. Botão para criar com o editor p5.

Instruções para Começar com p5.js Instruções para Começar com p5.js

A imagem mostra instruções para começar com p5.js. Inclui um exemplo de código: funções `setup()` e `draw()` criam um canvas de 400x400 pixels com um fundo cinza claro (220).

Lista de Categorias de Exemplo do p5.js Lista de Categorias de Exemplo do p5.js

Esta imagem exibe uma lista de categorias de exemplo do site do P5.JS, que incluem tópicos de codificação como estrutura, simular e 3D para fins educacionais.

Página oficial p5.js

Site principal com informações completas sobre a biblioteca.

Veja mais
Tutoriais p5.js

Lições passo a passo para aprender como usar o p5.js do zero ou melhorar as habilidades existentes.

Veja mais
Artigo: "Rumo à programação criativa na América Latina: p5.js"

Entrevista sobre a promoção do p5.js e sua acessibilidade na América Latina.

Veja mais
Exemplos práticos de p5.js

Coleção de exemplos que mostram os recursos do p5.js em vários projetos.

Veja mais
Pavimentados
Otimizando a manutenção e sinalização rodoviária com visão computacional.

Transporte
Geolocalização
Processamento de imagens
UrbanPy
Simplificar a recolha e análise de dados urbanos para um planeamento eficaz.

Desenvolvimento Urbano e Habitacao
Geolocalização
Gestão de bases de dados
SunScan BID
Facilitar a avaliação do potencial solar nos telhados com tecnologia avançada e acessível.

Energia
Geolocalização
Processamento de imagens
URSA
Facilitando o planejamento urbano com dados acessíveis.

Desenvolvimento Urbano e Habitacao
Simuladores
Geolocalização
MAIIA
Identificando assentamentos informais com inteligência artificial.

Desenvolvimento Urbano e Habitacao
Processamento de imagens
Urbantrips
Transformando dados de transporte em análises complexas para melhorar a gestão.

Transporte
Geolocalização
ver todas as ferramentas
hands
Aprofunde seu conhecimento sobre a implementação de ferramentas no setor público com nossos cursos, guias e muitos outros recursos.
Fazer parte da comunidade
Jump back to top