94fc21cd83
* Support gradient opacity stops. In LottieData we now model opacity and color stops on gradients as a single list of GradientStop which can either be an OpacityGradientStop or a ColorGradientStop. During translation, we convert that list to a list of ColorGradientStop where the opacity information is carried in the Alpha channel. During canonicalization, work around an issue with CompositionColorGradientStopCollections which require that a stop object does not appear twice in the same collection. When translating gradients, use the maximum opacity in cases where we can't support opacity animation. Previously we used the initial opacity, which caused things to disappear if they started out with 0 opacity. Maximum opacity will allow the items to show up, which makes it easier to debug. Updated the temporary cert used when building LottieViewer - the old one had expired. * Update the samples cert - it had expired. |
||
---|---|---|
.. | ||
AnimatedVisuals | ||
Assets | ||
Properties | ||
App.xaml | ||
App.xaml.cs | ||
FeedbackLottie.xaml | ||
FeedbackLottie.xaml.cs | ||
LottieViewer.csproj | ||
LottieViewer_TemporaryKey.pfx | ||
MainPage.xaml | ||
MainPage.xaml.cs | ||
Package.appxmanifest | ||
README.md | ||
Scrubber.xaml | ||
Scrubber.xaml.cs | ||
Stage.xaml | ||
Stage.xaml.cs |
README.md
Lottie Viewer
The Lottie Viewer project generates a Store application for previewing Lottie / Bodymovin JSON files. The tool is intended to help developers and designers validate the visual correctness of their Lottie animations rendered using Lottie-Windows.
Usage
Drag a Lottie file onto the Lottie Viewer window to see it rendered, or use the "Pick a Lottie file" icon in the top left to open local files or URIs. If the orange warning icon lights up, click on it to see any issues that Lottie-Windows encountered.
Generating code with Lottie Viewer
Lottie Viewer allows a Lottie file to be saved as generated code. For maximum control and many extra features for generating code use the LottieGen command line tool.