Calming Jar Animation

[Bradley2337123424a5]

Hi After Effect Community:

I'm a mentor of the annual Technovation Challenge mobile app dev challenge, mentoring a team of middle school girls that are developing an app to help treat sleep anxiety within their pier group.   The team would like to incorporate a "calming jar" animation within their app.  Their dev platform is the block coding teaching tool Thunkable, which supports Lottie animations.  A "calming jar" is a meditatively soothing visual display that you can search for on YouTube, or use this YT URL to view: https://youtu.be/Mb3ji6fvzEk

If anyone could assist the team by pointing us to some existing work that might fit this solution, or volunteer to be an recongnized support of the team's challenge by creation an animation, we'd greatly appreciate it!

Brad Hontz

Mentor,

Technovation Challenge

[Mylenium]

There's nothing you can do in AE to create this sort of animation in a way that it can be integrated elegantly with a dynamic system. At best you could export a huge image sequence created using soem particle system, but that's a nightmare to integrate into any mobile apps for the sheer amount of data required. You better look into genuine native JS based particle systems or Adobe Animate, but even the latter would at best just produce a bloated SVG/ canvas animation with millions of keyframes, not a genuine dynamic particle system running client-side.

Mylenium

[Mo Moolla]

Hi 

You could create a loopable effect using a particle system in AE and then use it in the app

Ensure that the composition size matches the app dimensions or you will get ridiculoulsy large files sizes depemdenat on the duration.

Remember as a loopable vid you will not be able to dynamically affect it in any way once rendered.

But looking at the YT vid you posted this isnt that difficult to do

Mo