codejockie
codejockie

Reputation: 10892

How to make an android animator for the gif below?

I am trying to make an android animator that would replication the animation in this gif.

I am new to android animation an do not know how to go about doing this. I have. Here is the code for one of the sparkles:

<group android:name="sparkle_1">
      <path
          android:name="path_12"
          android:fillColor="#000"
          android:pathData="M 1000.65 75.85 L 1143.73 9.63 C 1153.26 5.22 1164.49 10.31 1167.45 20.39 L 1174 42.73 C 1176.67 51.84 1171.45 61.39 1162.34 64.07 L 1012.71 107.95 C 1004.16 110.46 995.11 106.01 991.86 97.71 C 988.55 89.25 992.4 79.67 1000.65 75.85 Z"
          android:strokeWidth="1" />
</group>
<group android:name="wrapper">
       <clip-path
           android:name="sparkle_1_1"
           android:pathData="M 1000.65 75.85 L 1143.73 9.63 C 1153.26 5.22 1164.49 10.31 1167.45 20.39 L 1174 42.73 C 1176.67 51.84 1171.45 61.39 1162.34 64.07 L 1012.71 107.95 C 1004.16 110.46 995.11 106.01 991.86 97.71 C 988.55 89.25 992.4 79.67 1000.65 75.85 Z" />
       <path
           android:name="path_13"
           android:fillColor="#000"
           android:pathData="M 941.88 118.52 L 1227.7 6.69"
           android:strokeWidth="60"
           android:strokeColor="#e243a2"
           android:strokeLineCap="round" />
</group>

The code is for the top right sparkle. How do I get it to animate as seen in the git?

Upvotes: 0

Views: 21

Answers (0)

Related Questions