Attaching tweens to each other

Recommended Posts

I need some guidance please.


I have two animations that are working fine.


1. A submarine moving off screen and scaling down to give appearance of disappearing into the distance.


2. A repeating stream of rising bubbles.


What I need to do next, is attach the rising bubbles to the submarine so that they 'play' continuously tracking the sub and reducing in size on the same scale as the sub.


I would be grateful for guidance as to how to achieve this please.


Thanks in advance


Richard C

Share this post

Link to post
Share on other sites

Hi Richard,


Perhaps using the same tween to scale the sub and the bubbles:[submarine, bubbles], 1, {scale:0.1});

And basically the same thing to move them, assuming that you're moving the sub left to right:[submarine, bubbles], 3, {x:600});

Finally if it is possible try to create a reduce sample using codepen in order to get a better idea of what you're trying to do and how it can be solved.



  • Like 3

Share this post

Link to post
Share on other sites

Sounds like your bubbles should probably be inside the submarine element that is being moved and scaled.

  • Like 2

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.