Intout Submission. (Mert Tecimen)

[Intout]

That was an another fun challenge, here is a short description for my solution:

I have added a fuse scene before the actual fire animation, to achieve that:

• Created random CGPoints in array with fixed start and end points
• Created a fuse view and added three circles in it. There is a main circle with a contrasting circle in it; Two other are mimics the trail of the main circle with different scaling and synchronized easInOut animation.
• Motion of the Fuse View according to randomly generated path achieved with a recursive function. Rotates the Fuse by calculating slope of the line it will go through then Fuse Views coordinate are animated to end CGPoint of the line then recursive function increments the index of the CGPoints array until the last one.

When Fuse View reaches to end point of the path, Fuse View disappears and Fire animation will appear. To achieve fire animation:

• Created custom reusable flame shape with curved lines and animated its top middle point with AnimationPairs Time publisher and onReceive method.
• Three reusable views arranged via rotation and positioning to achieve a similar view to requested animation.

Screen.Recording.2022-09-08.at.19.44.16.mov

[amosgyamfi]

Very creative solution. Nice job.