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 16 var frame = 1; 17 18 function keypress() { 19 init('all', 'keyframe' + frame); 20 if (++frame > 7) { 21 frame = 1; 22 } 23 } 24 25 function 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
