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