createjs帧频显示代码
因为生病半个月没更新博客了，那这个礼拜就多更新几篇，今天分享的是createjs的帧频显示代码。
createjs没有动态显示帧频的API，不过这玩意儿好写，看前些天有些人求这个代码，我就分享一下：
var FPS = {};
FPS.time = 0;
FPS.FPS = 0;
FPS.startFPS = function (stage){
FPS.shape = new createjs.Shape();
FPS.shape.graphics.beginFill("#000000").drawRect(0, 0, 200, 50);
stage.addChild(FPS.shape);
FPS.txt =new createjs.Text("", "40px Arial", "#ffffff");
stage.addChild(FPS.txt);
createjs.Ticker.addEventListener("tick", FPS.TickerFPS);
}
FPS.TickerFPS = function (event)
{
FPS.date = new Date();
FPS.currentTime = FPS.date.getTime();
if(FPS.time!=0)
{
FPS.FPS = Math.ceil(1000/(FPS.currentTime - FPS.time));
}
FPS.time = FPS.currentTime;
FPS.txt.text = "FPS: "+FPS.FPS;
} |
使用的时候只要把stage带进去就可以了：
FPS.startFPS(stage);
效果挫了点，大家可以自己改效果
发表评论