Is it possible to force a lower framerate than 60?

[JL102]

Hi,

I'm kinda surprised that having an idle animation with glslCanvas causes a non-negligible amount of CPU usage. When my animation is idle, it uses 6-7% of my CPU, and when I mouse over it, it uses ~15% of my CPU. I figure it would be less resource intensive if I force it to refresh at 30 frames per second instead of 60. Is there a simple way of doing that?

[JL102]

I edited glslCanvas myself to add that functionality, and it works quite well. Here's what I changed:

• Added this on line 1451 (after it loads the shader) to take a "data-framerate" attribute:

// Set framerate
if (canvas.hasAttribute('data-framerate')) {
    this.framerate = parseInt(canvas.getAttribute('data-framerate'));
}

• Changed RenderLoop:

function RenderLoop() {
    if (sandbox.nMouse > 1) {
        sandbox.setMouse(mouse);
    }

    if (sandbox.resize()) {
        sandbox.forceRender = true;
    }

    sandbox.render();
    if (sandbox.framerate) {
        window.setTimeout(() => {
            sandbox.animationFrameRequest = window.requestAnimationFrame(RenderLoop);
        }, Math.floor(1000 / sandbox.framerate));
    }
    else {
        sandbox.animationFrameRequest = window.requestAnimationFrame(RenderLoop);
    }
}

With the framerate set to 30, there's not even a noticeable difference, and idle CPU usage is down to 2-3%!
Others might like the functionality, if you want to add it to the source :)

[benosse]

Thanks, works like a charm! I think it would be a nice addition to the source :)