p5.js - biblioteca JavaScript de código aberto para programação e criação de arte

• Introdução ao p5.js

  • p5.js é uma ferramenta útil para aprender programação e criar arte
  • Uma biblioteca JavaScript gratuita e de código aberto, desenvolvida por uma comunidade inclusiva e acolhedora
  • Artistas, designers, iniciantes, educadores e qualquer outra pessoa são bem-vindos

• Explorando a referência da biblioteca p5.js

  • Disponibiliza materiais de referência da biblioteca p5.js

• Aprendendo p5.js com exemplos

  • É possível aprender p5.js por meio de diversos exemplos
  • Exemplos: Geodata Weaving, Slime Molds, Patt Vira etc.

• Vendo as atividades da comunidade p5.js

  • Apresenta trabalhos criados pela comunidade
  • Exemplos: Generative Succulents, Padrão Geométrico, Zen Pots, Glitch animation etc.

• Doações para o p5.js

  • É possível fazer doações para o projeto p5.js

• Download do p5.js

  • Fornece link para download da biblioteca

• Recursos do p5.js

  • Oferece materiais de referência, tutoriais, exemplos, formas de contribuir e informações da comunidade

• Outras informações

  • Fornece informações como download, contato, direitos autorais, política de privacidade e termos de uso
  • Disponibiliza links sociais para GitHub, Instagram, X, YouTube, Discord, Forum etc.
  • Fornece link para o site anterior do p5.js

Resumo do GN⁺

• p5.js é uma ferramenta de aprendizado que combina programação e arte, com uma comunidade inclusiva que acolhe usuários de iniciantes a especialistas
• Como biblioteca gratuita e de código aberto, pode ser aprendida facilmente por meio de diversos exemplos e materiais de referência
• É possível se inspirar em várias obras de arte criadas pela comunidade e apoiar o projeto por meio de doações
• Projetos com funcionalidades semelhantes incluem Processing, Three.js e outros

[GN⁺]

Comentários do Hacker News

• O novo site do p5.js foi lançado

  • O Sovereign Tech Fund concedeu €450k em financiamento ao p5.js em 2023
  • O novo site ficou mais fácil de navegar e pesquisar, e passou a ter muitas informações úteis
  • Dá para comparar como usar o editor/canvas do p5.js nas versões antiga e nova

• Criei uma ferramenta de design usando ChatGPT e p5.js

  • Essa ferramenta tem a função de equilibrar 5 massas para criar um arco magnético giratório
  • Também é possível ver o resultado da impressão 3D

• p5.js é uma biblioteca excelente por causa da funcionalidade e da facilidade de uso para aplicações artísticas

  • Como projeto de bacharelado, desenvolvi uma aplicação para criar arte generativa usando p5.js e Ruby on Rails
  • Era possível gerar arte diretamente pela interface do usuário

• Processing (a versão original em Java) inspirou muitas bibliotecas

  • Escrevi uma versão para Racket como projeto de verão
  • Fui inspirado pelo canal de YouTube de Daniel Shiffman, "The Coding Train"

• Acho o site do p5.js muito bonito

  • Surpreende que a parte sobre continuar as ideias do Processing tenha sido removida da seção About
  • Provavelmente porque o p5.js acabou ficando mais popular que o Processing

• Já usei p5.js em muitos trabalhos profissionais

  • É preciso conhecer o caso relacionado a um dos criadores da linguagem Processing
  • Hoje me arrependo de ter apoiado a Processing Foundation

• A comunidade OpenProcessing do p5.js tem milhares de trabalhos incríveis

  • Uso principalmente Python, mas aprendi JavaScript mexendo em programas de p5.js

• Daniel Shiffman me apresentou essa biblioteca alguns anos atrás

  • Os vídeos dele foram essenciais para meu desenvolvimento como programador

• p5.js é uma biblioteca ótima para criar jogos rapidamente

  • Fiz uma pequena simulação de água e achei o p5.js fácil de aprender

• Graças à excelente biblioteca e documentação do p5.js, consegui começar a fazer animações rapidamente

  • Concluí o projeto em poucos dias