segunda-feira, 13 de novembro de 2017

MAMI, Exercício 15 - Transição de imagem

       
        Neste exercício precisávamos pegar um exemplo de transição aplicado em Vídeo Toasters (como mostra nesse vídeo : https://www.youtube.com/watch?v=6n7GoNmgHGI) e implementar transições apresentadas pela mesma.

         Para as minhas transições e fiz assim...

Coloquei uma imagem ao fundo, e outras sobrepostas (porém dividida em duas partes iguais, como sub imagens). Começam na posição ideal para formarem uma imagem só e com o auxílio de uma variável que será incrementada e decrementada de acordo com a necessidade de cada lado, para irem se afastando e dando a sensação de abertura, assim revelando a outra imagem que está ao fundo, feito isso acima dessas duas coloquei uma outra imagem completa que ira transitar apenas alterando seu valor de x.

Por fim, podemos dizer que a primeira transição ,é lateral esquerda, pois a primeira imagem sai pela esquerda dando espaço para outra imagem completa, essa segunda imagem na verdade são duas cortadas ao meio em sua altura, após cada parte da imagem se separar por completo onde um lado irá aumentar um valor de y e descer e o outro diminuir o valor de y e subir, elas dão espaço para outra imagem completa essa terceira imagem utiliza-se da mesma lógica da segunda, pois são duas partes da mesma imagem cortadas, dando a impressão que é uma imagem só, porem essa terceira foi cortada ao meio em sua largura e a transição se dá por um lado que diminui o valor de x que faz uma parte sair pela esquerda  e o outro lado aumentando o valor de x que faz a outra parte sair pela direita, dando destaque a quarta e ultima imagem.



Confiram o resultado:



















Nenhum comentário:

Postar um comentário