Estoy tratando de hacer una animación en Animate usando Gsap y JS. Pero parece que no puedo entender por qué mi animación no se reproduce. tomó un ejemplo del maestro y su línea de tiempo principal. pero de alguna manera no logro que el logo se anime cuando paso el mouse sobre él.
código:
root.logoRyzen_mc.addEventListener("mouseover", ryzenAnimate_over); function ryzenAnimate_over(){ var ryzenAnimate_overTimeline = gsap.timeline( { delay : 0, repeat : 0, yoyo :true } ); var ryzenLogoParts = [ root.logoRyzen_mc.ryzenLogoText_mc, root.logoRyzen_mc.ryzenCircle_mc ]; ryzenAnimate_overTimeline.staggerTo( ryzenLogoParts, 0.5, { scaley :150, scalex :150 } ); ryzenAnimate_overTimeline.play(); }
no obtiene un error, el registro de la consola está limpio, se ejecuta la animación inicial. Simplemente este evento no se ejecutará si paso el mouse sobre él. Mi maestro dio el hin, deberías reproducir la animación en lugar de devolverla. así que puse el archivo animation.play(); al final pero igual. nada
Hay un símbolo con el nombre de instancia logoRyzen_mc dentro de esa instancia, se encuentran el círculo y el texto del logotipo de ryzen (ryzenLogoText_mc y ryzenCircle_mc) que forman los elementos del logotipo.
simplemente de alguna manera no puedo hacer que esto funcione. ¿Consejos para alguien?