在ActionScript3.0中建立帧频计数器-Flash actionscript

26次阅读

在这个教程中，你将学会如何测量 Flash 中当前的帧频，并将其显示出来。

帧频的重要性
每一帧上都是一幅静止的图片，快速连续的帧会产生动画，每秒的帧数越多，展现的动画也就越流畅。

测帧频能让我们检测动画的进程，如果需要的话还可以优化动画。

当在不同的运行环境中测试动画时这个是非常有用的，例如浏览器中，电脑中，电视或手机中。

我们可以通过使用 getTime() 方法测帧频，并即时的在舞台中创建文本域来输出结果。

——————————————————————————–

第一步：创建新文档
打开 Flash 并创建一个新 Flash 文档（ActionScript 3).

——————————————————————————–

第二步：打开动作画板

执行窗口 > 动作打开动作面板。

——————————————————————————–

第三步：变量

我们将使用三个变量，如下所示：

var startTime:Number; // 用来计算相对时间
var framesNumber:Number = 0; // 当前帧频数
var fps:TextField = new TextField(); // 展示实际帧频的文本域

——————————————————————————–

第四步：主函数
这是计数器的主函数：

function fpsCounter():void
{
startTime = getTimer(); // 当动画开始时以毫秒为单位获取时间
addChild(fps); // 向舞台添加文本域

addEventListener(Event.ENTER_FRAME, checkFPS); // 添加逐帧监听器并执行 checkFPS 函数
}

——————————————————————————–

第五步：检查帧频

这个函数将计算频帧：

function checkFPS(e:Event):void
{
var currentTime:Number = (getTimer() – startTime) / 1000; // 当函数执行的时候以秒为单位获取时间

framesNumber++; // 计数器加 1

if (currentTime > 1) // 判断当前时间是否比 1 大
{
fps.text = “FPS: ” + (Math.floor((framesNumber/currentTime)*10.0)/10.0); // 计算频帧并在文本域展示
startTime = getTimer(); // 重设开始的时间
framesNumber = 0; // 重设帧数
}
}

——————————————————————————–

第六步：调用函数
用下面的一行代码启动主函数：

fpsCounter();

——————————————————————————–

第七步：全部的代码：

全部的代码是下面这样的：

var startTime:Number;
var framesNumber:Number = 0;
var fps:TextField = new TextField();

function fpsCounter():void
{
startTime = getTimer();
addChild(fps);

addEventListener(Event.ENTER_FRAME, checkFPS);
}

function checkFPS(e:Event):void
{
var currentTime:Number = (getTimer() – startTime) / 1000;

framesNumber++;

if (currentTime > 1)
{
fps.text = “FPS: ” + (Math.floor((framesNumber/currentTime)*10.0)/10.0);
startTime = getTimer();
framesNumber = 0;
}
}