ActionScript3.0中建立幀頻計數器的方法

2020-07-17 13:15:22

字體：大中小

來源：轉載

供稿：網友

幀頻的重要性
每一幀上都是一幅靜止的圖片，快速連續的幀會產生動畫，每秒的幀數越多，展現的動畫也就越流暢。

測幀頻能讓我們檢測動畫的進程，如果需要的話還可以優化動畫。

當在不同的運行環境中測試動畫時這個是非常有用的，例如瀏覽器中，電腦中，電視或手機中。

我們可以通過使用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;
}
}