[V3] Flubbie : Animate your components

image

An extension to add animations to your apps

Designer Properties

Blocks





Demo Blocks
image

Output
morph
wobble

Library Used

Credits
Thanks to :kodular:odular Community

Download
V1
Flubbie (5).aix (93.7 KB)
V2
Flubbie (25).aix (97.7 KB)
V3
Flubbie (40).aix (98.0 KB)

Available Animations

  • SLIDE_LEFT
  • SLIDE_RIGHT
  • SLIDE_DOWN
  • SLIDE_UP
  • SQUEEZE_LEFT
  • SQUEEZE_RIGHT
  • SQUEEZE_DOWN
  • SQUEEZE_UP
  • FADE_IN
  • FADE_OUT
  • FADE_OUT_IN
  • FADE_IN_LEFT
  • FADE_IN_RIGHT
  • FADE_IN_DOWN
  • FADE_IN_UP
  • ZOOM_IN
  • ZOOM_OUT
  • FALL
  • SHAKE
  • POP
  • FLIP_X
  • FLIP_Y
  • MORPH
  • SQUEEZE
  • FLASH
  • WOBBLE
  • SWING
  • ALPHA
  • ROTATION
  • TRANSLATION_X
  • TRANSLATION_Y
  • SCALE_X
  • SCALE_Y

Available Interpolators

  • BZR_EASE_IN
  • BZR_EASE_OUT
  • BZR_EASE_IN_OUT
  • BZR_LINEAR
  • BZR_SPRING
  • BZR_EASE_IN_SINE
  • BZR_EASE_OUT_SINE
  • BZR_EASE_IN_OUT_SINE
  • BZR_EASE_IN_QUAD
  • BZR_EASE_OUT_QUAD
  • BZR_EASE_IN_OUT_QUAD
  • BZR_EASE_IN_CUBIC
  • BZR_EASE_OUT_CUBIC
  • BZR_EASE_IN_OUT_CUBIC
  • BZR_EASE_IN_QUART
  • BZR_EASE_OUT_QUART
  • BZR_EASE_IN_OUT_QUART
  • BZR_EASE_IN_QUINT
  • BZR_EASE_OUT_QUINT
  • BZR_EASE_IN_OUT_QUINT
  • BZR_EASE_IN_EXPO
  • BZR_EASE_OUT_EXPO
  • BZR_EASE_IN_OUT_EXPO
  • BZR_EASE_IN_CIRC
  • BZR_EASE_OUT_CIRC
  • BZR_EASE_IN_OUT_CIRC
  • BZR_EASE_IN_BACK
  • BZR_EASE_OUT_BACK
  • BZR_EASE_IN_OUT_BACK
  • SPRING
  • LINEAR

Properties Info

  • autoStart - Determines if the animation will start before returning it from createFor().
  • force - The force of the animation. Used by most of the presets to determine how much to express the animation (rotate the view more, wobble harder, etc…).
  • damping - Used only by the spring interpolator to determine the stiffness of the spring.
  • velocity - Used only be the spring interpolator to determine the initial velocity of the spring.
  • repeatCount - set how many times the animation is repeated.
  • repeatMode - set how the animation is repeated(restart or reverse).
  • delay - Sets the delay of the animation.
  • duration - Sets the duration of the animation.
  • animation - Sets the [AnimationProvider] for the animation.
  • iterpolatorProvider - Sets the [InterpolatorProvider] for the animation.
  • animatorListener - Sets an animator listener for the animation
  • scaleX - Used only by the scaling animation presets to determine the initial scale.
  • scaleY - Used only by the scaling animation presets to determine the initial scale.

Demo Apk
Flubbie.apk (5.2 MB)

60 Likes

Good work @UnknownBeast:+1:

Take my love :heart:

3 Likes

Helpful extension. Thanks for your contribution

2 Likes

Nice Extension @UnknownBeast :innocent: :grinning: :grinning:

2 Likes

Nice Extension Great​:+1:

2 Likes

wow awesome work @UnknownBeast lovely :heart_eyes: :heart:

1 Like

Thank you for this contribution. Keep it the great job!

1 Like

Nice Extension :slightly_smiling_face:

1 Like

Noice extension :+1:

1 Like

Nice Extension :clap:

1 Like

Nuice extension!

1 Like

Very Good Meaning Of Creation. :heart:

1 Like

Wow, great extension! I’ve been used Phase for creating animations, but now I should consider using Flubbie too.

1 Like

Incredible work @UnknownBeast! I will definitely use this fantastic extension!

1 Like

@UnknownBeast I went through your extention and its really awesome :star_struck: :star_struck:
I want to ask that I used every single component but cannot use these as they didn’t show any animation or may be I am using it in a wrong way.
ScaleX, ScaleY, TransitionX, TransitionY are the components that I cannot use. Could you please tell us the correct way for using them?

Send ur aia or dm it or maybe Block pics…?

1 Like

I am using a button to call the animation on a arrangement (80X80) and only these 4 aren’t working.

So, seems to me like, I need to add id system, or maybe u can try dragging a new component for Flubbie

Will update post and aix soon

Wish you a good day

3 Likes

Very nice, congratulations!
I will try it tomorrow

1 Like

This post was flagged by the community and is temporarily hidden.