The simplest FPS meter

vasyl · November 6, 2015, 10:05pm

I have tried to create a simple FPS ( frames per second ) meter. I had looked for a special engine event like rendered but did not find anything to record frames per second rate without overriding application’s methods. So I added the calculation right to the update method of FpsCounter script.

Will it represent correct data?
Is there a better way to get FPS rate? Maybe the Engine exposes some getter method or an attribute with actual value.

gist.github.com

https://gist.github.com/vasiliy-pdk/70e0f54a20c88e31f6b8#file-fpscounter-js

FpsCounter.js

pc.script.create('fpsCounter', function (app) {
    // Creates a new FpsCounter instance
    var FpsCounter = function (entity) {
        this.entity = entity; // The scene object
        this.fpsCount = 0;
        this.counterEl = null;
        
        this.insertBeforeElId = "application-canvas";
    };

This file has been truncated. show original

I have also found a really nice tool for counter visualisation FPSMeter . It’s suggested by Max somewhere in the Answers. So adding the link here for those who is wondering with a similar question.

will · November 7, 2015, 3:03am

Also worth mentioning is that we’ll soon be deploying a proper profiler for games/apps launched from the Editor. It includes an FPS counter amongst many other things. Watch this space!

max · November 9, 2015, 11:47am

There is fps variable available by the engine indeed: app.stats.frame.fps. It is not yet documented, as it is part of stats API that is used for profiler panel, which is a bit work in progress still.