Experiências interativas com p5.js

Sketching with Code

Desenhando com código?

Conte-me uma novidade.

p5*js

Uma (outra) nova maneira de ensinar programação para as pessoas.

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

 

Olá, p5*js!

Ideias e planos

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

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

*

Diversity

Art + Code

http://diversity.p5js.org/

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
Made with Slides.com