Flash Player 10的Drawing API 2.0

转自：http://www.kingnare.com/auzn/archives/546

文章对Grahpics API新增的drawPath, drawTriangles方法与传统方法之间的性能做了一些测试.
运行下面的代码:

var container:Shape = new Shape();
addChild(container);
var currentTime:Number = getTimer();
var commands:Vector. = Vector.([1,2,2,2,2]);
var coords:Vector. = Vector.([10,10,100,10,100,100,10,100,10,10]);
for (var i:int = 0; i< 15000; i++)
{
    container.graphics.clear();
    container.graphics.beginFill(0x990000, 1);
    container.graphics.drawPath(commands, coords);
}
trace( getTimer() - currentTime );

用时18~20ms
然后用传统的方法实现:

var container:Shape = new Shape();
addChild(container);
var currentTime:Number = getTimer();
var commands:Vector. = Vector.([1,2,2,2,2]);
var coords:Vector. = Vector.([10,10,100,10,100,100,10,100,10,10]);
for (var i:int = 0; i< 15000; i++)
{
    container.graphics.clear();
    container.graphics.beginFill(0x990000, 1);
    //container.graphics.drawPath(commands, coords);
    container.graphics.moveTo( coords[0], coords[1] );
    container.graphics.lineTo( coords[2], coords[3] );
    container.graphics.lineTo( coords[4], coords[5] );
    container.graphics.lineTo( coords[6], coords[7] );
    container.graphics.lineTo( coords[8], coords[9] );
}
trace( getTimer() - currentTime );

 

竟和原文一样,用时31ms
原文提到,虽然新方法快了不少,但有一点要注意,我们所测试的是把所有指令数据传送给renderer的时间,并不包括rendering time.
通过以上测试,得知方法drawPath快很多,但我们并不知道所使用的rendering time是多少.
Flash Player的rendering是异步的,所以要注意在帧重绘中才会引发rendering.
强行调用Flash Player的renderer就是使用BitmapData.draw(). 可以通过这个方法测试rendering时间.

var bitmap:BitmapData = new BitmapData(400,400);
var container:Shape = new Shape();
addChild(container);
var commands:Vector. = Vector.([1,2,2,2,2]);
var coords:Vector. = Vector.([10,10,100,10,100,100,10,100,10,10]);
for (var i:int = 0; i< 15000; i++)
{
    container.graphics.clear();
    container.graphics.beginFill(0x990000, 1);
    container.graphics.drawPath(commands, coords);
}
var currentTime:Number = getTimer();
bitmap.draw( container );
trace( getTimer() - currentTime );

 

多次运行的结果为0或1,不过0的机率要大些.
使用传统方法测试,结果差不多.
最后,总的时间花销为:

var bitmap:BitmapData = new BitmapData(400,400);
var container:Shape = new Shape();
addChild(container);
var currentTime:Number = getTimer();
var commands:Vector. = Vector.([1,2,2,2,2]);
var coords:Vector. = Vector.([10,10,100,10,100,100,10,100,10,10]);
for (var i:int = 0; i< 15000; i++)
{
    container.graphics.clear();
    container.graphics.beginFill(0x990000, 1);
    container.graphics.drawPath(commands, coords);
}
bitmap.draw( container );
trace( getTimer() - currentTime );

 

用时20~22ms
作者结论是从AS代码执行来讲,drawPath,drawTriangles能提供更高的性能.
如果你的程序将大量时间花销在向renderer发送命令数据上,可以使用此方法来提高程序性能;
但对于rendering的性能提升,新的API是不会有任何帮助的.