Atividade 8 - Função MoveCaixa2()
O intuito da atividade é criar uma função que mostre o movimento interpolado entre dois pontos da tela.
De início, defini uma variável (i) que é responsável pelo movimento. E defini a tela como 300x300 na função setup().
Após isso criei a função MoveCaixa2() que recebe como parâmetro as posições x e y iniciais, x e y finais, e a quantidade de passos. Dentro da função, verifico se a variável i é menor ou igual a 1, caso seja, o movimento pode ser executado. Após, desenho o retângulo com a função rect(). Sua posição x é a posição x inicial mais o produto de i com a diferença de x final com x inicial. Sua posição y é a posição y inicial mais o produto de i com a diferença de y final com y inicial. Defini a altura e largura como 10px.
Após o quadrado ser desenhado, incremento à variável i a divisão de 1 pela quantidade de passos.
Na função draw() apenas defini o background como preto e chamei a função MoveCaixa2().
Exemplo com x1 = 50, y1 = 100, x2 = 100, y2 = 200, n = 100:
De início, defini uma variável (i) que é responsável pelo movimento. E defini a tela como 300x300 na função setup().
Após isso criei a função MoveCaixa2() que recebe como parâmetro as posições x e y iniciais, x e y finais, e a quantidade de passos. Dentro da função, verifico se a variável i é menor ou igual a 1, caso seja, o movimento pode ser executado. Após, desenho o retângulo com a função rect(). Sua posição x é a posição x inicial mais o produto de i com a diferença de x final com x inicial. Sua posição y é a posição y inicial mais o produto de i com a diferença de y final com y inicial. Defini a altura e largura como 10px.
Após o quadrado ser desenhado, incremento à variável i a divisão de 1 pela quantidade de passos.
Na função draw() apenas defini o background como preto e chamei a função MoveCaixa2().
Exemplo com x1 = 50, y1 = 100, x2 = 100, y2 = 200, n = 100:
Exemplo com x1 = 100, y1 = 300, x2 = 200, y2 = 50, n = 100:
Para baixar o código da aplicação clique aqui.
Comentários
Postar um comentário