1

我制作了一个动画并将其变成了多个精灵表，我有一个精灵可以完美地使用这段代码：

<script type="text/javascript">

var ctx;
var count = 0;
var x;
var y;


var img = new Image();
img.src = "iphone.png";
img.onload = draw;

function init (){
    ctx = document.getElementById("canvas").getContext("2d");
}


function draw(){
    requestAnimationFrame(draw);

    ctx.clearRect(0, 0, 204, 97);

    x = (count % 10) * 204;
    y = Math.floor(count / 10) * 97;
    ctx.drawImage(img, x, y, 204, 97, 0, 0, 204, 97);
    if(count==240)
        count = 0;
    else
        count++;
}

我现在要做的是在当前精灵表达到 IF 语句所在的“240”时调用另一个精灵表。换句话说，不是循环动画，而是调用另一个图像并再次执行相同的功能（使用该图像）。我正在做噩梦试图找到这个问题的答案，但我不禁认为这是非常简单的事情，对吗？

4

0 回答 0