How to reproduce watchOS closing activity ring animation with sparks on iOS?
NickName:bbjay Ask DateTime:2018-06-13T00:30:35

How to reproduce watchOS closing activity ring animation with sparks on iOS?

How to best reproduce the closing activity ring animation from watchOS 4 on iOS? Im particularly interested in the rotating sparkling effect.

Here a still frame of the animation I'm talking about:

watchOS closing activity ring with sparks

and here is a video of it.

Is it possible to implement something like this with Core Animation?

Copyright Notice:Content Author:「bbjay」,Reproduced under the CC 4.0 BY-SA copyright license with a link to the original source and this disclaimer.
Link to original article:https://stackoverflow.com/questions/50821912/how-to-reproduce-watchos-closing-activity-ring-animation-with-sparks-on-ios

Answers
Suisse 2018-06-15T12:43:11

Here at the university of science in zürich in the usability lab, we use:\n\n\nsketch or illustrator or designer.gravit.io for designing the svg sketches. \nthan we import it in after effects or in Haiku.ai for animating \nand export it as .json for airbnbs animations library Bodymovin or also known as Lottie. Therefor are libraries for web, android and ios available. \n\n\nThe advantage of this solution over @bryanjclark \"exported it as a series of images\" is that the animation is sharp in every resolution (svg), it is only one .json file and you have the full control over its speed and frames.\n\nOtherwise if you really want to do it with code only, give a look at this Article, done with OpenGL ES2.0. \n\nOr with the AnimationCore example in this SO Answer.",


More about “How to reproduce watchOS closing activity ring animation with sparks on iOS?” related questions

How to reproduce watchOS closing activity ring animation with sparks on iOS?

How to best reproduce the closing activity ring animation from watchOS 4 on iOS? Im particularly interested in the rotating sparkling effect. Here a still frame of the animation I'm talking about:...

Show Detail

Closing an activity animation

I know how to stop animation on starting an activity: intent.addFlags(Intent.FLAG_ACTIVITY_NO_ANIMATION); How do I do I stop animation while closing an activity? (and returning to the starting

Show Detail

What heathkit data do I have to write to contribute to the green exercise ring of the activity app?

What data does an app have to write to the health store so that the data is counted to the green exercise ring of the activity app? Is there a a threshold and how do I figure out that threshold? ...

Show Detail

prevent WorkoutSession to update Activity ring

I'm developing an apple watch application (WatchOs4). I'm interested to monitor heart rate, so I'm using a WorkoutSession to get continuous data updates. The problem is : when I start a workout ses...

Show Detail

SwiftUI on WatchOS - code for launching Activity or Workout App?

I have a SwiftUI app in which I would like to show the "WorkOut" and "Activity" icons and launch those apps when the respective icon is tapped. Is this possible in WatchOS6 & SwiftUI? I know ...

Show Detail

Pulse ring animation around a Google Maps marker iOS

I want to add a pulse ring animation around a marker as a current user location in iOS google maps (like Uber). I tried with adding CABasicAnimation to marker layer by addAnimation. It is not worki...

Show Detail

watchOS vs iOS and Delegate

In Xcode I am having issues between watchOS and iOS. The following code is the same for both targets: watchOS class ExtensionDelegate: NSObject, WKExtensionDelegate { var variable1: Float? } ...

Show Detail

WatchOS: SDWebImageLottieCoder load new animation while watch app is running

I'm following this tutorial to use Lottie animations library on WatchOS. It's working until I try to change the animation while the app is running. Even though I change it, the animation stays the ...

Show Detail

How to launch watchOS and iOS apps in the simulators at the same time?

I am working on an app for watchOS that is supposed to extend my iOS app's features. I run my app on the iOS simulator. Then, I select the scheme for the Watch app and the simulator next to it says "

Show Detail

watchOS 2 compatible iOS

What is the minimum iOS version required to be on iPhone to make it compatible to watchOS 2 ? I thought it was iOS 8.2, but the Xcode is defaulting to 9.0 when the project with watchOS 2 is created.

Show Detail