AuroraMiddleware/skia2
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

add skia.org modules section, animation page

Browse Source 
No-Try: true
Docs-Preview: https://skia.org/?cl=145739
Bug: skia:
Change-Id: I9498fc6317b6a3b65ed8de07b15f164e0206b5bf
Reviewed-on: https://skia-review.googlesource.com/145739
Reviewed-by: Florin Malita <fmalita@chromium.org>
Reviewed-by: Mike Reed <reed@google.com>
Commit-Queue: Heather Miller <hcm@google.com>
This commit is contained in:
Heather Miller 2018-08-07 13:38:32 -04:00 committed by Skia Commit-Bot
parent 7df9c16f54
commit 48f72d85a3
3 changed files with 89 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
site/user/METADATA
View File

@ -1,4 +1,4 @@
{
"dirOrder": ["sample", "quick", "api", "special"],
"dirOrder": ["sample", "modules", "quick", "api", "special"],
"fileOrder": ["download", "build"]
}

2
site/user/modules/index.md Normal file
View File

@ -0,0 +1,2 @@
Library Modules
===============

86
site/user/modules/skottie.md Normal file
View File

@ -0,0 +1,86 @@
Anmiation Player
================
Skia now offers a performant, secure native player for JSON animations derived
from the Bodymovin plugin for After Effects. It can be used on any platform
where you are using Skia, including Android & iOS.
The player aims to build upon the Lottie player widely used for animations
today, improving on the performance, feature set, and platform cohesiveness for
our clients. We are big fans of the Bodymovin format and where possible,
contributing advancements back to Bodymovin/Lottie.
<br>
Sample JSON animations
----------------------
Here are some test samples rendering with Skia's animation player:
<a href="https://skottie.skia.org/e6741dda67629da1f80c254dad3df865"> <video
id="video" muted="" autoplay="" title="lottie" loop=""
src="https://skottie.skia.org/_/i/e6741dda67629da1f80c254dad3df865" width="200"
height="200"> </video> </a>
<a href="https://skottie.skia.org/ffea72cf6be48fa061671c124ed7789c"> <video
id="video" muted="" autoplay="" title="lottie" loop=""
src="https://skottie.skia.org/_/i/ffea72cf6be48fa061671c124ed7789c" width="200"
height="200"> </video> </a>
<a href="https://skottie.skia.org/00e850cdbed7304985eaefe98a4e8a9c"> <video
id="video" muted="" autoplay="" title="lottie" loop=""
src="https://skottie.skia.org/_/i/00e850cdbed7304985eaefe98a4e8a9c" width="200"
height="200"> </video> </a>
<a href="https://skottie.skia.org/e1aca009d5ebec9bd122b87b018bb673"> <video
id="video" muted="" autoplay="" title="lottie" loop=""
src="https://skottie.skia.org/_/i/e1aca009d5ebec9bd122b87b018bb673" width="200"
height="200"> </video> </a>
<a href="https://skottie.skia.org/821fd79dd7437b97ba891e7a00970a06"> <video
id="video" muted="" autoplay="" title="lottie" loop=""
src="https://skottie.skia.org/_/i/821fd79dd7437b97ba891e7a00970a06" width="200"
height="200"> </video> </a>
<a href="https://skottie.skia.org/ad63f250084685c96edd9b52ae2f436b"> <video
id="video" muted="" autoplay="" title="lottie" loop=""
src="https://skottie.skia.org/_/i/ad63f250084685c96edd9b52ae2f436b" width="200"
height="200"> </video> </a>
<a href="https://skottie.skia.org/40f78ddc751c16348a08e1d61d3e78b1"> <video
id="video" muted="" autoplay="" title="lottie" loop=""
src="https://skottie.skia.org/_/i/40f78ddc751c16348a08e1d61d3e78b1" width="200"
height="200"> </video> </a>
<a href="https://skottie.skia.org/fc42db7c75741437b5cb0e90b3febc65"> <video
id="video" muted="" autoplay="" title="lottie" loop=""
src="https://skottie.skia.org/_/i/fc42db7c75741437b5cb0e90b3febc65" width="200"
height="200"> </video> </a>
*Sample animations courtesy of the lottiefiles.com community
<br>
Test server
-----------
Test your Lottie files in our player at https://skottie.skia.org
<br>
The code
--------
Skia's animation code entry point can be found here on
[Googlesource](https://skia.googlesource.com/skia/+/master/modules/skottie/include/Skottie.h)
and [GitHub](https://github.com/google/skia/blob/master/modules/skottie/include/Skottie.h).
The code is part of Skia's library but can also be made available as a separate
package.
<br>
Embedding examples
------------------
Sample C code for using the Skottie native player can be found
[here](https://github.com/google/skia/blob/master/modules/skottie/src/SkottieTool.cpp).
Android app code for inspiration can be found
[here](https://github.com/google/skia/tree/master/platform_tools/android/apps/skottie).
Example code embedding Skottie into our Viewer app is
[here](https://github.com/google/skia/blob/master/tools/viewer/SkottieSlide.cpp).
The Viewer or Skottie Android apps can be built following [these](https://skia.org/user/sample/viewer)
instructions.