É razoável usar Processing.js de John Resig?

Question

Estou pensando em fazer um site com algum uso bastante intensa JavaScript / lona e eu tenho procurado em Processing js e parece-me que faria manipular a tela significativamente mais fácil. Alguém conhece algum razões pelas quais eu não deve uso Processing.js? Eu entendo que os navegadores mais antigos não será capaz de usá-lo, mas por enquanto está tudo OK.

Answer 1

Como mencionado, o IE não é suportado por Processing.js (incluindo IE8 beta). Eu também constatou Processing.js ser um pouco lento em termos de desempenho, em comparação com apenas usando tela (especialmente se você estiver analisando uma string com a linguagem Processing, em vez de usar a API javascript).

Eu pessoalmente prefiro a API lona sobre o invólucro de processamento, porque dá mais me controlar. Por exemplo:

A função de linha de processamento () é implementada como esta (aproximadamente):

function line (x1, y1, x2, y2) {
  context.beginPath();
  context.moveTo(x1, y1);
  context.lineTo(x2, y2);
  context.closePath();
  context.stroke();
};

E você usá-lo como este (supondo que você está usando o API expostas ao javascript):

var p = Processing("canvas")
p.stroke(255)

////Draw lines...///
p.line(0,0,10,10)
p.line(10,10,20,10)
//...and so on
p.line(100,100,200,200)
////End lines////

Observe que cada linha (chamada) tem de abrir e fechar um novo caminho, enquanto que com a API da lona você pode tirar todas as linhas dentro de um único bloco BeginPath / endPath, melhorando o desempenho de forma significativa:

context.strokeStyle = "#fff";
context.beginPath();

////Draw lines...///
context.moveTo(0, 0);
context.lineTo(10, 10);
context.lineTo(20, 10);
//...so on
context.lineTo(200, 200);
////End lines...///

context.closePath();
context.stroke();

Answer 2

Se você está OK com ele não está funcionando no IE7, em seguida, ir para ele. Eu tive que trabalhar no Firefox 3. É uma maneira lisa para trazer efeitos Silverlight / Flash para sua página.

Meu palpite é que as bibliotecas como Processing.js vai mudar ou ser atualizado em um caminho acelerado, então prepare-se para ser executado quando o fazem e manter-se com os novos recursos.

Answer 3

Não simplificar desenho em sua tela. O que ele faz é simplificar a tarefa de animação se você estiver usando tela. Se você está fazendo animação e você não se preocupam com o suporte ao navegador completo, em seguida, usar Processing.js. Se você não está fazendo animação (se você estiver fazendo gráficos ou cantos arredondados, por exemplo), então não adicionar a sobrecarga de Processing.js.

De qualquer maneira, eu recomendo que você aprenda como usar a API lona diretamente. Compreender a api tela, especialmente transformações, irá lhe ajudar muito, mesmo se você estiver usando Processing.js.

Answer 4

Eu diria que usar o Flash em seu lugar. Mais navegadores ter o Flash instalado, que o número de navegadores que trabalham com Processing.js. Além disso, você vai ter um desempenho muito melhor do Flash em vez de utilizar JavaScript (pelo menos por agora, embora existam projetos em andamento para acelerar JS muito, mas ainda é um pouco maneiras off)

Answer 5

Tente a nova implementação javascript p5js p5js.org

Oh e em resposta a resposta de Leo, você realmente não tem que usar o linha função no processamento ou p5js, há separado beingShape e beingPath funções semelhantes às do api tela.