Phase • Animations made easy!

A great extension. If it is used deliberately and carefully, a great value of an app.

Thank you very much.

3 Likes

Thank you so much. I have been looking for something like this for a while. This will let me add those little touches to the app I’m developing for my employer to take this from a decent little app to something that truly feels professionally made. I do have one question. I was trying to animate the view pager component to fade in and there is a split second where it shows on screen before the animation starts. I tried starting it with visibility as false and making it visible on animation start and it doesn’t seem to want to set the visibility.

2 Likes

Hi,
Will you please do me a favor and send me a demo app demonstrating this? :slight_smile:

2 Likes

I’ll try to do that this weekend. I’m currently just animating the first arrangement for the view pager and then setting the rest of the arrangements visible when the animation ends and that’s accomplishing most of what I wanted (The tabs don’t slide down like I had wanted, but it’s not a biggie).

2 Likes

So I found a workaround that does what I want. Place the View Pager inside another layout and animate that one.

3 Likes

One more question before I break something… How many animations can I run at once? Let’s say I’m dynamically generating a questionnaire and want to animate 30 + questions each to fade down. Am I going to run into issues?

1 Like

Can this extension be able to run multiple animation instances at once? I tried with my app but the existing animation will always get cancelled before playing the next animation

1 Like

Why you need 30 different instances? Use one label for the question, and change its text for the next question. Then you need to animate only that label.

1 Like

Because the whole form needs to be visible. I’m procedurally generating the form (now that I can create dynamic checkboxes and radio buttons) based on the list of questions so that it’s easier to reorder the form or change the questions.

I was just worried that the form will just pop in and wanted to fade it in. I may just make each section not visible and fade the whole thing in once the dynamic components have all been added.

1 Like

No, it should work without any issues, though I’m not sure about low-end devices.

Start the next animation when the current one ends. To do so, use the when Phase .AnimationEnds event block.

1 Like

I love it! Any chance you could add bounce out animations as well?

Nice to hear that. :smile:

I’ll see what I can do.

Can i use for image sprite component? cause no one make for image sprite animation

It doesn’t work with sprites, but if you can apply the animation to all the sprites at the same time, you can make the canvas have transparent background color, and animate the canvas component and it will look like the sprites are animated.

1 Like

it doesnt work on thunkable

Can you please be a bit more specific and explain what do you mean by doesn’t work on Thunkable?

BTW, do you know Thunkable is no longer maintained and is going to retire soon (or maybe, is already retired). You might consider switching to Kodular.

Time for an update!
Added five new animation types in Bounce category as requested by @ryanhapps:

  • BounceOut
  • BounceOutDown
  • BounceOutLeft
  • BounceOutRight
  • BounceOutUp

Updated download links in the first post:

7 Likes

It would be great if we would be able to give ID for every animation and be able to detect the ID after animation Cancelled, End, Paused, Resume, Start :smiley:

1 Like

I was thinking about the same but, as no one asked for it and adding it would break the current event blocks, I decided not to add it. Now since, you have requested to add IDs, I’ll consider adding it if more people want it.

  • Yes, I want IDs.
  • No, I don’t want IDs.

0 voters

3 Likes

Yes, I’m animating many things at once and I need to detect the animation at end time that which one is ended. So I thought the idea of ID for each animation would be great…

1 Like