Seus primeiros sketches

Nosso começo foi fazendo o exercício de ler um programa, executar os comandos e mostrar como fica a saída no grid. O que faremos agora é o processo contrário: você terá desenhos para tentar descrever quais seriam os comandos para criá-los!

Mas como você quer ver se os seus comandos de fato fazem o desenho proposto, vamos começar a usar o p5.js! Não por acaso os três comandos que vimos anteriormente são praticamente os mesmos na biblioteca do p5.js.

• Linha é line

• Circulo é circle

• Retangulo é rect

As informações que são passadas para os comandos são as mesmas!

O editor do p5.js

Você poderá usar o editor online do p5.js. Esse é o lugar para trabalharmos tudo o que faremos durante este livro. Você verá que cada novo projeto que criamos ali dentro tem o nome de sketch. Como o objetivo do Processing sempre foi ser uma ferramenta que facilite artes digitais a serem construídas, o termo está dentro do contexto.

Acesse o editor clicando abaixo, para ver seu primeiro sketch.

https://editor.p5js.org/guilhermeRey/full/aX0aCnYgreditor.p5js.org

O editor é bem intuitivo. Você fará uso, por enquanto, da estrutura drawdentro do sketch para colocar seus comandos. Basta alterá-los e clicar no botão de "play" para ver o resultado.

Editor online do p5.js

Desenhos

Tente criar os sketches que reproduzam os desenhos abaixo!