A proposta da atividade atual consiste em criar o movimento de um barco no mar e discutir os resultados no blog. Também era pra utilizar a função rotate para simular o movimento.
Primeiro, pra criar o movimento das ondas, eu criei um for, que varia de 0 à 500. Se o i do for chegar a 250, a variável inclinação passa a ser igual a variável ang. Depois eu criei outro for, que serviria para fazer várias ondas, mas devido o processamento, que deixava o movimento extremamente lento, eu optei por desenhar apenas 4 linhas, intercalando as cores delas. Nesse for, as linhas são desenhadas usando a variação do seno do ângulo representado pela equação sin(ang)*20. Essa equação faz com que haja variação da posição y das linhas, dando o efeito de movimento da onda. Para que isso ocorra, fora do laço a variável ang é incrementada com 0.05, modificando assim o valor do resultado da equação e em seguida a variável variação também é incrementada em 0.1. Quando variação for maior que uma volta ele zera.
Para fazer o movimento do barco, eu coloquei ele na posição 250. Para saber seu ângulo de inclinação nessa posição, eu criei a variável angInclinacao, que armazena o valor de ang. Usando a função translate(), eu posiciono o barco na posição x = 250, e y = 275 - sin(angInclinacao)*20, e translate(250,275-(sin(angInclinacao)*20)). Agora para que o barco faça o movimento igual ao da onda, eu uso a função rotate((sin(angInclinacao)*0.7)). Isso faz com que o barco fique num ângulo reto quando ele está nos picos de variações.
DESCRIÇÃO
- Link do projeto no Google Drive: https://goo.gl/THpQmH
0 comentários:
Postar um comentário