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