add skia.org modules section, animation page
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>
diff --git a/site/user/METADATA b/site/user/METADATA
index 6dd6513..a050835 100644
--- a/site/user/METADATA
+++ b/site/user/METADATA
@@ -1,4 +1,4 @@
{
- "dirOrder": ["sample", "quick", "api", "special"],
+ "dirOrder": ["sample", "modules", "quick", "api", "special"],
"fileOrder": ["download", "build"]
}
diff --git a/site/user/modules/index.md b/site/user/modules/index.md
new file mode 100644
index 0000000..8e9c5eb
--- /dev/null
+++ b/site/user/modules/index.md
@@ -0,0 +1,2 @@
+Library Modules
+===============
diff --git a/site/user/modules/skottie.md b/site/user/modules/skottie.md
new file mode 100644
index 0000000..7fb3f86
--- /dev/null
+++ b/site/user/modules/skottie.md
@@ -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.