Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde,
Como posso fazer para um objeto ficar "andando" do lado esquerdo para o direito com um loop infinito.
Explicando:
Preciso desenvolver um imagem que nem o efeito de um monitor de eletrocardiograma:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.drmarcelonogueira.med.br/Exames/ECG.jpg&key=58cc51cb8384822107f8dfd85145899f019769c8422b634967ac2c2502cb3ad4" alt="Imagem Postada" />
Eu já tenho a imagem que coloquei dentro de um MC, agora preciso que esse MC fique com loop inifinito,
sendo do lado esquerdo para o direito.
Como posso obter esse efeito ?
Grato
>
Use uma tween e ajuste a imagem.
Encontrei alguns tutorias da classe tween, porem no tutorial o cara não ensinava deixar ela do jeito que eu quero !
Sabe como que se faz ?
Se você ja tem o esquema pronto basta fazer uma animação pode usar a timeline ou pode fazer com tween como citaram.
Abs
Se quiser usar a classe tween fica a seu critério.
Minha sugestão é apenas para uma anima simples (motion tween, via timeline), melhor com fps 30, deixa o movimento mais fluido.
Basicamente, sua imagem inicial neste tamanho e com gradiente diagonal não favorece nada.
É possível, mas vai dar trabalho no Photoshop para duplicar e fazer uma montagem perfeita, se usar um Flip Horizontal, a identificação (I, II, V5, V6, etc) do ecg fica inversa.
Melhor se usar uma imagem com fundo chapado, ou mantenha o back com gradiente e anime apenas as linhas do ECG.
Utilize uma máscara para visualizar apenas uma parte, isso atenua distorções na transição da imagem.
Imagem timeline: posição mask (máscara apenas com as bordas visíveis ,na cor lilás)
Máscara: mask (shape)
Máscara aplicada: mask na anima
Publiquei um exemplo para você dar uma olhada, não está 100%, mas era o que eu tinha mais a mão.
Imagem infinita: Clique aqui
Obs: este exemplo usa uma tween do CS3, de um exemplo que baixei para estudo. O mascaramento fiz via CS4 (para este exemplo), que é a versão que uso.
Se souber como reduzir o tamanho da animação (width/height) via código, o efeito fica ainda melhor. Nisso não posso ajudar.
Bom, a fila anda.
Mantive o arquivo para visualização no server por 1 semana.
Informo que não está mais disponível.
Use uma tween e ajuste a imagem.