Javascript 调用新图像以精灵工作表动画？

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

<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++;
}

var-ctx；
var计数=0；
var x；
变量y；
var img=新图像（）；
img.src=“iphone.png”；
img.onload=牵引；
函数init（）{
ctx=document.getElementById（“画布”）.getContext（“2d”）；
}
函数绘图（）{
请求动画帧（绘制）；
ctx.clearRect（0,0,204,97）；
x=（计数%10）*204；
y=数学楼层（计数/10）*97；
ctx.drawImage（img，x，y，204，97，0，0，204，97）；
如果（计数=240）
计数=0；
其他的
计数++；
}

---

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

您不想再次将其称为“draw（）”的函数是什么？？图像的不同值是什么？？在这种情况下，我认为您需要使用closureDraw（）函数，这是我想再次调用的函数。是的，我计划为图像创建另一个变量，就像“img2”。