Pixel e Posição

1 pixel é menor ponto na tela

size tamanho da tela

largura e altura

coloquei no modo PJS

P5js é createCanvas

ellipse recebe 4 numeros

ellipse(posX,posY,largura, altura);

o ponto 0,0 no topo a esquerda

para colocar no modo pjs no openprocessing clique em configurações nas 3 bolinhas a esquerda

depois modo pjs,

vc pode escolher entre pjs, p5js e html

Formas Primitivas

Cores

Modo dinâmico

setup e draw

coloquei no modo P5js (configurações >sketch)

o codigo no setup executa uma vez quando inicia o programa

depois a função draw é executa 60 vezes por segundo o codigo que estiver dentro da função

RANDOM

random é um função que retorna números randômicos

passando um numero vai de 0 até o numero

passando 2 numeros vai do valor minimo ao valor máximo

random(255);

retorna um numero entre 0 e 255

Rotação

precisa salvar o estado da matriz com push();

colocar a posição no translate

rotate faz a rotação

fechar a matriz com pop();

Arte Concreta

Pontilismo

Variáveis

espaço na memória do computador

na pratica

define a variavel let

dou um nome pra variavel

passo um valor;

Text 1

Condicional

if( teste booleano){

executa o codigo

}

//se o teste for falso

else{

executa essa função

}

pra fazer o teste boleano usa-se os operadores lógicos

==

!=

>

>=

<=

Loop

Laços de repetição

for

i++ é igual i=i+1;

Loops2

Random x Noise x Seno

fórmula do movimento circular

posX +cos (angulo)* raio

posY +sin (angulo)* raio