Untitled

Page 1

P5js

O que é?

O p5.js é uma biblioteca JavaScript criada para tornar o desenvolvimento algo acessível e inclusivo para artistas, designers, educadores e iniciantes, ou seja, para qualquer pessoa! Por conta dessa característica, a biblioteca vem com inúmeras funções ”pré-fabricadas” (algo pré-pronto apenas para você usar), que facilita o processo de escrita do código. Sendo assim, a função draw(), setup(), preload() são alguns exemplos dessas soluções que já estão incluídas na biblioteca para facilitar a vida do desenvolvedor.

Como funciona?

A função própria da biblioteca p5.js responsável por mostrar os desenhos na tela de pré-visualização e atribuir comportamentos ao seu código é a function draw(). Além disso, o p5.js utiliza um sistema de coordenadas que atribui um valor em cada ponto da tela para que possamos identificar o local exato onde os desenhos aparecem.

-function draw()

A function draw() é a função que faz a "mágica acontecer". Essa função “pré-pronta” do p5.js executa continuamente o seu código, linha por linha. Um aspecto interessante da função é que ela funciona como se possuísse um loop (um laço de repetição) , o que faz com que o código escrito em seu escopo seja executado continuamente e por isso que consegue desenhar os elementos no ambiente de visualização e fazê-los se movimentar.

Page 2