会跳舞的熊猫
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<canvas id="mycanvas" width="1440" height="485">该浏览器不支持canvas,请升级浏览器之后再试</canvas>
<audio src="xiao.mp3" autoplay loop hidden></audio>
<script>
var background=new Image();
background.src="background.png";
var sprite=new Image();
sprite.src="sprite.png";
var count=0;
var x=400;
var y=180;
var canvas=document.getElementById("mycanvas");
var ctx=canvas.getContext("2d");
var posx=new Array(0,170.33,340.66,510.99,681.33,851.66,1022,1192.33,1362.66);
window.onload=function(){
window.setInterval(draw,150);
}
function draw(){
ctx.clearRect(0,0,canvas.width,canvas.height);
ctx.drawImage(background,0,0);
ctx.drawImage(sprite,posx[count],0,170,172,x,y,170,172);
count++;
if(count==9)
count=0;
}
var timer=window.setInterval(draw,200);
</script>
</body>
</html>