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)

Junte-se à conversa

3 comentários

  1. Olá,

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

    Obrigado,
    Gustavo

Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *