通过简单的Canvas2D游戏，Chrome Android上的FPS速率低

发布于 2025-01-30 09:19:25 字数 608 浏览 1 评论 0原文

我目前正在开发一个简单的2D帆布视频游戏，在测试性能时，我注意到AndroïdChrome（约45fps）的帧速率非常令人失望。

大约有两个帧中断。而且我看不到我的呼叫堆栈中正在创建性能问题。正如您在性能捕获中看到的那样，任务持续少于4ms（在16ms的刷新下）

Zoomed：

游戏循环...几乎没有任何东西（我删除了所有游戏内容）：

Game.loop = function(){ 
    ctx.setTransform(1,0,0,1,0,0);
    
    ctx.clearRect(0, 0, canvas.width, canvas.height);

        
    requestAnimationFrame(Game.loop);
}

原文

I'm currently developping a simple 2D canvas video game and while I was testing performance, I noticed that there is a very disappointing frame rate on Androïd Chrome (about 45fps).

About one out of two frame breaks. And I cannot see what in my call stack is creating the performance issue. As you can see on the performance capture, the task lasts less than 4ms (which is under the 16ms of refreshing)

Zoomed :

And here is the sample code of the game loop... with almost nothing in it (I removed all the game stuff) :

Game.loop = function(){ 
    ctx.setTransform(1,0,0,1,0,0);
    
    ctx.clearRect(0, 0, canvas.width, canvas.height);

        
    requestAnimationFrame(Game.loop);
}

分享到QQ

分享到微博