Experiências interativas com p5.js

Sketching with Code

Desenhando com código?

p5*js

p5*js

p5*js

Lauren McCarthy

Site: http://lauren-mccarthy.com/

Twitter: https://twitter.com/laurmccarthy

Github: https://github.com/lmccart

p5js.org

"I make art about what confuses me."

Processing

• Open source e software livre

• Tem pra Linux, Mac, Windows, Android, ARM

• Artes visuais e protótipos

Acesse: https://processing.org/

Cada pessoa se expressa de uma ou mais formas.

Linguagem de programação é só mais uma destas maneiras.

Processing + Kinect como cenário para apresentações

• Computação Vestível
• Libre Mesh
• Movimento Wikimedia
• Educação para Periferia e grupos marginalizados
• Ativismo

Inquietações

Inquietações

Inquietações

• Por que p5*js?

• Intervenção Interativa Impactante

• Mexer com a emoção

• Lúdico e divertido

Por onde começar?

• Site: p5js.org

• Pad: https://p5jscon.hackpad.com/

• Canal no YT Coding Train com o Daniel Shiffman: http://bit.ly/1Po46Of

• Editor BETA online:
  https://alpha.editor.p5js.org/

• Guia de referência: https://p5js.org/reference

Ideias e planos

• 25/07 - Dia Internacional da Mulher Negra Latina Afro e Caribenha

• 29/08 - Dia Nacional da Visibilidade Lésbica e bissexuais

Brick Breaker da Yining Shi 

Desafios 

• Visualização de dados mais legível

• Blocos -> Texto (palavras de ódio)

• p5.play - a game lib for p5.js

• API e datasets

Periféricas 

Mais projetos:
    Encontrando Filipas ~ WikiProject
    Candacedex ~ WikiProject
    Wiki na Quebrada ~ WikiProject + Educação
    FuxicoBox ~ Tecendo conexões offline
    Hacking for Diversity ~ Workshops Scraping data
    Brick down the Hate ~ Interveção na Home Page
    Balangandãs Vestíveis ~ Tails e outras proteções

perifericas at riseup.net

perifericas.com.br