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