Aula 16 - Movimentação de um barco
Problema proposto
Criar o movimento de um barco no mar e discutir os resultados no blog. Use a função rotate para animar o barco.
Entendendo o movimento das ondas
Para realizar essa atividade é necessário entender os movimentos trigonométricos, mais especificamente o da senoide. Para ilustrar o entendimento disso, fiz uma explicação gráfica resumindo.
Detalhando a onda
1º) 2 variáveis foram criadas ( x e y).
2º) "y" é a o valor do seno de "x", sempre. "x" é um valor que se inicia de zero e é incrementado 0,05 a cada ciclo.
3º) Para a ideia de "onda do mar" desenho uma ellipse nas posições atuais:("x"*30 / ("y"*20) + metade da altura da tela). Isso para sempre ela variar em y apenas o seno de x (senoide).
Entendendo o movimento do barco
Agora que você entendeu as ondas o movimento senoide, ficou muito mais fácil compreender o barco. Para essa parte do código usei apenas a função 'translate' do Processing, que faz tudo depois dele transladar nos valores x e y que eu determinar. No caso, como eu quero um barco acompanhando o movimento da onda, uso as mesma coordenadas usado para as ondas (ellipse) : ("x"*30 / ("y"*20) + metade da altura da tela).
A seguir estão duas versões do movimento. O da esquerda tem um adicional da função 'rotate' do Processing para ele fazer o giro total da onda; O da direita é o movimento apenas com as explicações feitas, sem o 'rotate',assim ele fica um movimento mais suave.