本文实例为大家分享了js通过循环多张图片实现动画展示的具体代码,供大家参考,具体内容如下
以小鱼摇尾巴和眨眼睛为例
动画思路:
1.将图片资源放在数组里面
2.通过计时器来设定间隔时间
3.通过计数器来取相应的图片
第一步:基本框架,鱼身体
<body>
<canvas id=canvas1 width=800 height=600></canvas>
</body>
document.body.onload = game;
var can1,
ctx1,
canWidth,
canHeight,
lastTime = Date.now(),
deltaTime