Best way to achieve fluid animation in Android

Question

I want to apply little tricky fluid ink animation as same as the below image:

I want to achieve using the basic classes only like applying scale, translate etc. I don't want to go with 2D or 3D. As I have checked some of the links they are suggesting frame animation but It doesn't have smooth transition.

Kindly suggest best way to achieve this animation.

Thanks,

Answer 1

"I don't want to go with 2D or 3D."

Well.. I don't know about you but those are the only options until we have 4D screens and mindsets.

But I guess you mean using 2D images or 3D models.

Unless you want to procedurally generate that (which can be quite a pain) I'd suggest using a spritesheet, there may be better ways to do this but I think a spritesheet on 30fps might be the easiest + fluid way to do this, increase FPS to increase fluidness (until the max of androids 60 fps screens)

Basically:

Create a (example) 256x128 sprite, and "manually" animate the sphere to the other side of the image, saving each "frame" and either create 1 big texture with all the frames (most efficient) or save each frame independently (lower on RAM if you manage it well, but it'll be hard to get 60 fps with this due to loading times)

Answer 2

You can check the recently announced Lottie library (by Airbnb). It is a library for Android that parses Adobe After Effects animations exported as json with Bodymovin (related project) and renders them natively on Android devices.