Programando em NCL 3.0.pdf - Telemidia - PUC-Rio

especificadas pelo elemento . A Listagem 3.38 ilustra dois tiposde transição que usaremos em nossa aplicação. A primeira transição,identificada como “trans1”, especifica um desvanecimento de 2 segundos. Asegunda transição, identificada como “trans2”, especifica um efeito devarredura de barra vertical durante 1 segundo.......Listagem 3.38 Elementos e .Agora podemos associar as transições ao elemento associado ao vídeo “drible”, conforme ilustrado na Listagem 3.39.Pela Listagem 3.39, uma transição de desvanecimento de entrada dovídeo “drible” e uma de varredura vertical ao final do vídeo foram definidas.Ainda nessa mesma versão da aplicação, vamos acrescentar um efeito deanimação à foto do marcador caído no chão (elemento “photo”) etambém introduzir um efeito de transparência a essa foto. A Listagem 3.40ilustra como o descritor associado à foto pode ser alterado para produzir oefeito de transparência (uma transparência de 60% foi definida).Listagem 3.40 Efeito de transparência.O efeito de animação que queremos é bem simples. Vamos apenas fazercom que a foto seja apresentada e depois se desloque vertical econtinuamente. Para tanto, teremos de mexer no relacionamento que define oinício da apresentação da foto. Iremos acrescentar ao relacionamento umaoutra ação, uma ação de atribuição de valores, que irá modificar o valor doatributo top do elemento continuamente, até um certo valor final. A Figura105