Ferramenta online: "Processamento" - gráficos do programa você mesmo

Anonim

Com o Processing, você escreve programas de computador que geram imagens e animações.

Processing é uma linguagem de programação projetada para preencher a lacuna entre programadores e artistas. É fácil de aprender e possui funções gráficas poderosas.
Os programas podem reagir interativamente ao usuário, podem processar imagens de vídeo, introduzir elementos como aleatoriedade ou ruído, reagir à música e semelhantes. Obras de arte baseadas em processamento já foram exibidas no Museu de Arte Moderna de Nova York e no Museu Victoria and Albert no Reino Unido. Foi usado para videoclipes e comerciais. O processamento em si é executado em seu PC com Windows ou Linux. Mas também existe uma variante que roda diretamente na Internet, é chamada de "p5js".
Se você quiser experimentar o Processing, a melhor coisa a fazer é abrir o editor online P5js neste endereço: editor.p5js.org. À esquerda você pode ver a área em que o programa foi escrito. Algumas linhas de código já foram fornecidas aqui. À direita você pode ver o que resulta desse código.
Comece com algo muito simples. Por exemplo, você pode obter uma linha reta com este comando:
linha (largura / 2, 0, largura / 2, altura);
Copie o comando do editor online para a função Draw para que a função tenha a seguinte aparência:

function draw () {
fundo (220);
linha (largura / 2, 0, largura / 2, altura);
}
Se você clicar no botão reproduzir no canto superior esquerdo, uma linha vertical aparecerá na área direita. Você já escreveu seu primeiro programa de processamento e o colocou em funcionamento!
Se você gosta do sistema, baixe o Processing para o seu sistema operacional e explore os exemplos fornecidos, que podem ser encontrados no menu "Arquivo". Que tal um efeito de partícula, por exemplo? Você pode encontrar isso nos exemplos em "Demos / VGraphics / Particles". Carregue o exemplo e clique no botão "Play" no canto superior esquerdo. Uma janela preta aparecerá na qual você pode usar o mouse para distribuir faíscas brancas.
mais sobre o assunto

  • Em processamento
  • P5js