runs some sample animations side by side in canvas and svg
TBR=fmalita@chromium.org
Review URL: https://codereview.chromium.org/1342523002
diff --git a/experimental/docs/jsonbaseddoc.htm b/experimental/docs/jsonbaseddoc.htm
new file mode 100644
index 0000000..bceabae
--- /dev/null
+++ b/experimental/docs/jsonbaseddoc.htm
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+
+<script src="utilities.js"></script>
+
+<script src="animationCommon.js"></script>
+<script src="backend.js"></script>
+<script src="canvasBackend.js"></script>
+<script src="exampleSlides.js"></script>
+<script src="interpolatorFunctions.js"></script>
+<script src="svgBackend.js"></script>
+
+<script>
+
+var frame = 1;
+
+function keypress() {
+ init('all', 'keyframe' + frame);
+ if (++frame > 7) {
+ frame = 1;
+ }
+}
+
+function onload() {
+ init('all', 'keyframe6');
+}
+
+</script>
+
+</head>
+
+<body onLoad="onload()" onKeypress="keypress()">
+
+<canvas id="canvas" width="770" height="500" ></canvas>
+
+<svg id="svg" width="770" height="500"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" />
+
+</body>
+</html>