Processing.js

[edit:] maybe you’ll prefer this version in english

Encontrei há algum tempo atrás o porting para javascript do Processing. Esta versão foi desenvolvida por John Resig, o mesmo criador do jQuery e chama-se Processing.Js

O meu interesse no Processing tem a ver com duas coisas: 1. visualização / exploração de grandes volumes de informação; 2. visualização de dados em mapas (com eventual interactividade)

Apesar de já ter brincado um pouco com a versão base do Processing nunca explorei a fundo (há sempre outras coisas para fazer). O facto de poder fazer quase tudo dentro do browser acrescentou a motivação extra que necessitava.

Assim comecei a tentar desenvolver os exemplos apresentados no clássico “Visualizing Data” de Ben Fry em processing.js

Até agora já tenho os exemplos seguintes:

Algumas notas que já recolhi:

  • a mais importante é que a base para o desenho dos elementos é o tag canvas que não é suportado no internet explorer;
  • um primeira e única experiência com o excanvas não resultou em nada;
  • em relação ao carregamento de imagens, a imagem tem que ser carregada com a página, ou pelo menos já tem que haver um tag img na página que, parece-me, irá servir de placeholder para a imagem propriamente dita
  • o id dessa imagem é o mesmo id que é usado no loadImage
  • também o carregamento de ficheiros externos teve que ser diferente do que estava no livro (ver  table.js)

por Vitor Silva



3 Comments

  1. […] Processing.js | OsMeusApontamentos O meu interesse no Processing tem a ver com duas coisas: 1. visualização / exploração de grandes volumes de informação (tags: blog.osmeusapontamentos.com 2008 mes10 dia18 processing processing.js visualization livro book blog_post) […]

  2. Luis Gustavo Neves wrote:

    Olá,

    Não consegui baixar os arquivos. Gostaria de saber o que precisou ser alterado em table.js.

    Obrigado,
    Gustavo

  3. Cindy wrote:

    i’m learning processing at the moment and i was going through your examples and i think the mouse rollover doesn’t work. you might be missing “names.tsv” because i’m unable to get text to show during the mouse rollover.

    http://osmeusapontamentos.com/processing/ex_pag43.htm

Leave a Reply