Repository files navigation

This demo emulates the animation of the circles which are present in Apple Music iOS app. Unfortunately, Apple Music Androidapp doesn't come with such animations. So i tried my hands and made it for Android. The initial version of the animationcovers the most important functionalities of that.

The above video link is a high resolution demo for the animation. In case you dont want to redirect to that demo, here is aGIF demo that will play in here, but it has a low frame rate. I didn't find any tool to convert a high quality video intoa GIF with a high frame rate.

Few libraies that helped me enormously in making this animation is

1. Box2d by Erin Catto. Although this library is very huge and it covers all thedifferent aspects of simulating the real world physics in programming world, i was able to make this animation by using onlya handful of its APIs. Box2d is the most popular physics engine in the world. It contains APIs for almost everything that wewant to simulate like Collision, contacts between bodies, radial gravity. Box2d forms the basis of many game engines likeCocos2d, which also involves the rendering engine in itself.

2. JBox2D Demo by Hadyn Trigg. JBox2d is actually the Java code of Box2d plussome additional APIs. I didn't know how to render the objects on screen in Android when i started with Box2d. The renderingengine in the animation is based out on this demo app.

3. JOML This is the Java OpenGL Mathematics library is used to calculate matrices for OpenGL that OpenGL shaders can use to draw geometry to the screen. Its also bundled in the JBox2d demo.

I will be publishing a blog regarding how this animaton is made and what all conecpts of physics goes into this. Please watchout mymedium blog and mypersonal blog.

1. Click to enlarge the circles
2. Reset Animation
3. Swirl animation of the circles while they move.
4. And of course a blog regarding this.