need help , this qusetion is about fps in pixi.js

        var stats = new Stats()

        document.body.appendChild( stats.dom );

        var app = new PIXI.Application();

        var renderer = PIXI.autoDetectRenderer(window.innerWidth,window.innerHeight);

        document.getElementById('stage').appendChild(renderer.view);

        var stage = new PIXI.Container();

        let sprite = new PIXI.Sprite.fromImage('circlef.png');

        stage.addChild(sprite)

        function update (){
            requestAnimationFrame(update)
            sprite.x +=1
            renderer.render(stage)
            stats.update()
        }

        update()

i set the renderer full of screen , when the screen is large , the fps only have 30 - 33 fps ,but when the screen is small ,the fps can make to 60 fps , why?

[bigtimebuddy]

Small note here about your code. Application auto-updates so you don’t need to setup a new requestAnimationFrame. Your example will render twice per frame (which is expensive). To do the sprite.x += 1 bit do this instead:

app.ticker.add(function() { sprite.x += 1; });

You can also watch FPS this way: app.ticker.FPS

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.