<!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>