Untitled

<!doctype html>
<html lang="en-us">
	<head>
	<meta charset="UTF-8">
		<title>Катрин</title>
		<style>
		#example
		{
	width: 1200px;
	height: 800px;
	border: 2px solid black;
	margin:40px;
	background-image:url(Image.png);
    }
		</style>

	</head>
	<body>
	<audio scr="Human.mp3" autoplay ="">
</audio>
		<canvas id="example" height="800" width="1200" >Обновите браузер
		</canvas>

		<script>
			var	example = document.getElementById("example"),
				ctx = example.getContext('2d');
				img = new Image();
				img2 = new Image();
				//audio=new Audio();
				mon=new Image();
				//audio.src="Human.mp3";
				img.src = 'image.png';

            document.addEventListener("keydown", keyDownHandler, false);
            document.addEventListener("keyup", keyUpHandler, false);

			var rightPressed = false; // нажатие кнопок
            var leftPressed = false;
            var upPressed = false;

            function keyDownHandler(e) {
                if(e.keyCode == 39) {
                    rightPressed = true;
                }
                else if(e.keyCode == 37) {
                    leftPressed = true;
                }
                else if(e.keyCode == 32){
                    upPressed = true;
                }
            }

            function keyUpHandler(e) {
                if(e.keyCode == 39) {
                    rightPressed = false;
                }
                else if(e.keyCode == 37) {
                    leftPressed = false;
                }
                else if(e.keyCode == 32){
                    upPressed = false;
                }
            }

			i = 1; j=1;
			speed=15;
            y = 600;
			x=5;
            y2 = 0;
            img.onload = function kura() //курица
			{
             var timer = setInterval(function kurat()
			 {
                ctx.clearRect(0, 0, 1200, 1200);
                if(rightPressed){
                    x+= speed ? speed : 1;
                    img2.src = i+'.png';
                }
                else if(leftPressed){
                    x-= speed ? speed : 1;
                    img2.src = "к"+i+'.png';
                }
                else if(upPressed){
                    y = 600;
                    y-=150;
                    img2.scr = 'p1.png';
                }
				ctx.drawImage(img2,0,0,230, 295, x,y,100,150 );
				i++;
				if(i>=5)
				{
					i = 1;
				}
                y = 600;
                y2 += 10;
                mon.src = 'm'+j+'.png';
				ctx.drawImage(mon,0,0,200, 200, 100, y2,120,120 );
				j++;
				if(j>=7)
				{
					j = 1;
				}

			 },160)
             funtion coin(t1,t2,t3,t4,t5,t6,t7,t8,t9)
             {
                 *ctx.drawImage(img2,0,0,230, 295, x,y,100,150 );
				i++;
				if(i>=5)
				{
					i = 1;
				}
                y = 600;
                y2 += 10;
                mon.src = 'm'+j+'.png';
				ctx.drawImage(mon,0,0,200, 200, 100, y2,120,120 );
				j++;
				if(j>=7)
				{
					j = 1;
				}
             }


            }


		</script>

	</body>
</html>