actionscript-3 – 异步运行AS3功能

成像’痕迹’是一项非常繁重的操作.它不是,而只是为了说明.这个简单的for循环在一个帧上运行,并导致较低的帧速率,因为它是在帧实际渲染之前计算的.

for(var i:int = 0; i < 1000; i ++)
{
   trace(i); // heavy calculation here
}

因此,您必须将计算分解为多个部分,并将其分解以便能够随时间运行计算.

要做到这一点,你必须创建一个函数,每次只占用循环的一部分：

calculatePart(0,1000,20);

function calculatePart(startIndex:int,endIndex:int,amountPerRun:int)
{
    for(var i:int = startIndex; (i < startIndex + amountPerRun) || (i < endIndex); i ++)
    {
        trace(i); // heavy calculation here
    }
    if (i < endIndex)
    {
        calculatePart(i,endIndex,amountPerRun);
    }
}

这实际上与第一个代码中的简单for循环功能相同,它还输出1000条跟踪.它准备运行部分,但这不是异步.我们现在可以轻松更改功能,因此功能会随着时间的推移而运行.
我为此使用了setTimeout.您也可以使用ENTER_FRAME事件监听器或Timer类,但为了这个例子,我试着保持清楚.

calculatePart(0,20,100);

function calculatePart(startIndex:int,amountPerRun:int,timeBeforeNextRun:Number)
{
    for(var i:int = startIndex; (i < startIndex + amountPerRun) && (i < endIndex); i ++)
    {
        trace(i); // heavy calculation here
    }
    if (i < endIndex)
    {
        setTimeout(calculatePart,timeBeforeNextRun,i,amountPerRun,timeBeforeNextRun);
    }
}

如您所见,我添加了timeBeforeNextRun参数.如果运行该示例,则可以看到在输出20条迹线之前需要100毫秒.

如果将其设置得非常低,则会尝试非常快速地进行计算,但是如果您在更短的时间内尝试做更多的事情,则无法获得额外的速度.你必须使用时间和数量变量,你可以测试哪一个实际上提供了更好的性能(或更少的滞后).

// more time between a run,less calculations per run
 calculatePart(0,30,10);

 // more calculations per run,more time between a run
 calculatePart(0,100,30);

希望这可以帮助.

如果你想更聪明地计算时间,我发现this实用程序类非常有帮助,它可以测量计算实际花费的时间,并改变时间本身.