Repolode
Enviar
processing

processing/p5.js

p5.js é uma biblioteca JavaScript gratuita e de código aberto para programação criativa, desenho e criação de gráficos interativos ou generativos na web.

Ver no GitHubSite
Estrelas
24,318
Forks
3,897
Issues abertas
530
Último commit
anteontem

O que é?

p5.js é uma biblioteca JavaScript para programação criativa que permite a artistas, designers, educadores e iniciantes desenhar, animar e criar gráficos interativos diretamente no navegador. Sua estrutura com setup() e draw() facilita começar com poucas linhas de código, e ela se baseia nos princípios fundamentais do Processing.

A biblioteca oferece um conjunto completo de ferramentas de desenho e dá suporte a trabalhos audiovisuais, experimentais e generativos. Desenvolvedores podem tratar uma página da web como um sketch, e o projeto oferece documentação de referência abrangente, com exemplos visuais, tutoriais e um editor web para programar sem precisar configurar um ambiente local. Bibliotecas criadas pela comunidade ampliam seus recursos.

O p5.js é mantido principalmente por voluntários sob a responsabilidade da Processing Foundation, com foco em acessibilidade e inclusão, e está disponível em vários idiomas.

Recursos principais

  • 01Estrutura simples com setup() e draw() para criar sketches rapidamente.
  • 02Conjunto completo de ferramentas de desenho 2D para formas, texto e imagens.
  • 03Suporte a trabalhos audiovisuais, interativos e generativos.
  • 04Documentação de referência abrangente, tutoriais e exemplos visuais.
  • 05Editor web executado no navegador para programar sem instalação local.
  • 06Pode ser ampliado com bibliotecas criadas pela comunidade.

Casos de uso

  • Ensinar aos estudantes os fundamentos da programação com feedback visual.
  • Criar arte interativa ou visuais generativos para a web.
  • Prototipar designs interativos e animações no navegador.
  • Criar visualizações reativas a áudio usando a biblioteca p5.sound.

Início rápido

  1. 1

    Abra o editor web do p5.js para começar a programar sem instalar nada

  2. 2

    Siga o tutorial Get Started no site do p5.js

Antes de usar

  • O projeto é mantido principalmente por voluntários, então as respostas às issues podem demorar.
  • É licenciado sob a LGPL-2.1, uma licença de copyleft fraco cujos termos devem ser avaliados antes do uso.

Em coleções

Ferramentas de aprendizado e educação de código aberto

Tópicos

#creative-coding#graphics#javascript#education#generative-art#design#sound#art#html#learning

Perguntas frequentes

O que é p5.js?
p5.js é uma biblioteca JavaScript gratuita e de código aberto para programação criativa, desenho e criação de gráficos interativos ou generativos na web. p5.js é uma biblioteca JavaScript para programação criativa que permite a artistas, designers, educadores e iniciantes desenhar, animar e criar gráficos interativos diretamente no navegador. Sua estrutura com setup() e draw() facilita começar com poucas linhas de código, e ela se baseia nos princípios fundamentais do Processing.
p5.js é gratuito? Qual é a licença?
p5.js é open source sob a licença LGPL-2.1. Confira os termos da licença antes de usá-lo em produtos comerciais.
p5.js ainda é mantido?
Manutenção ativa. O último commit de p5.js foi em 5 de nov. de 2026.
Para que posso usar p5.js?
Ensinar aos estudantes os fundamentos da programação com feedback visual. Criar arte interativa ou visuais generativos para a web. Prototipar designs interativos e animações no navegador. Criar visualizações reativas a áudio usando a biblioteca p5.sound.
Como instalar p5.js?
Abra o editor web do p5.js para começar a programar sem instalar nada Siga o tutorial Get Started no site do p5.js
Onde consigo p5.js?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/processing/p5.js

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados