1<!DOCTYPE html>
2<html lang="en">
3<head>
4
5<script src="utilities.js"></script>
6
7<script src="animationCommon.js"></script>
8<script src="backend.js"></script>
9<script src="canvasBackend.js"></script>
10<script src="exampleSlides.js"></script>
11<script src="interpolatorFunctions.js"></script>
12<script src="svgBackend.js"></script>
13
14<script>
15
16var frame = 1;
17
18function keypress() {
19    init('all', 'keyframe' + frame);
20    if (++frame > 7) {
21        frame = 1;
22    }
23}
24
25function onload() {
26    init('all', 'keyframe6');
27}
28
29</script>
30
31</head>
32
33<body onLoad="onload()" onKeypress="keypress()">
34
35<canvas id="canvas" width="770" height="500" ></canvas>
36
37<svg id="svg" width="770" height="500"
38    xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" />
39
40</body>
41</html>
42