Iago Benvindo

  let yPos = 0; function setup() {      // setup() roda uma vez   frameRate(30); } function draw() {      // draw() roda repetidademente, até ser parada   background(204);   yPos = yPos - 1;   if (yPos < 0) {     yPos = height;   }   line(0, yPos, width, yPos); } Descrição Chamada diretamente depois de setup() , a função draw() executa repetidamente as linhas de código contidas dentro de seu bloco até que o programa seja parada ou noLoop() seja chamada. Note que se noLoop() for chamado em setup() , draw() ainda será executada uma vez antes de parar. Sendo chamada automaticamente, draw() não deve nunca ser chamada de forma explicita, devendo ser controlada com noLoop(), redraw() e loop(). Depois de noLoop() parar a execução do código em draw(), redraw() faz o código dentro de draw() ser exeuctado novamente uma vez, e loop() vai fazer com que draw() volte a executar seu código repetidamente. O número de vezes que draw() executa a cada segundo pode ser controlado com a função frameRate

let a = 0; function setup() {        //roda uma vez   createCanvas(100,100);   background(0);   noStroke();   fill(102); } function draw() {        //roda continuamente   rect(a++ % width, 10, 2, 80); } Descrição A função setup() é chamada quando o programa inicializa. É usada para definir propriedades do ambiente como tamanho da canvas e a cor de fundo e carregar imagens e fontes. Só pode haver uma função setup por programa e ela não deve ser chamada novamente depois que o programa for iniciado. Nota: Variáveis criadas dentro de setup() não são acessíveis a outras funções, nem mesmo draw() . Sintaxe function setup(){ } Referência: https://p5js.org/reference/#/p5/setup

Editor web O primeiro item que gostaria de trabalhar nessa série é: onde, você que está tendo o primeiro contato com programação, pode começar a escrever seus primeiros códigos sem se preocupar com instalações e organização de arquivos. E aí que entre o editor web para p5js . A fundação Processing  tem como objetivo permitir que pessoas de diferentes idades e origens tenham um contato amigável e positivo com programação. Pensando nisso nasce o editor web que permite um espaço livre de instalações e configurações que permitirão que um usuário programe seus primeiros desenhos, animações e aplicativos com mais facilidade. O editor web é uma ferramenta simples que apresenta um espaço para escrita do seu código na metade esquerda da janela do seu navegador e apresentará seu desenho do lado direito da janela. Infelizmente não existe ainda uma versão traduzida, mas acredito que não seja a forma mais simples para começarmos. Acesse e começe a explorar a interface. Crie uma conta para salvar se