Hello, I am wondering if we should cap our fps at 60. we don’t need our fps to be any higher for our game to look smooth this is especially true for websites. Also, there are many games that cap their fps at 30 or 60 fps. I have also noticed that there is no easy way of capping the fps in bablon js…

The fps are already with a cap of 60 frames per second in Babylon. It seems to me that it depends on the requestAnimationFrame function of Javascript.

As @Dad72 mentionned, fps is based of requestAnimationFrame so frequency max will be your screen refresh rate. We do not have a way to limit it per se but you could skip scene.render in your renderLopp if the time since last render has not been long enough.

I have a refresh rate of 144hz and I have implemented a system to skip rendering frames to make it run at 60fps. I am mostly wondering if that is something that is common practice or if using the default refresh rate is recomended.

it most of the time is okay to cap at 60 I guess.

So, Chrome calls requestAnimationFrame at whatever rate your hardware supports, while Safari always calls it at 60Hz (Haven’t tested on Firefox). So to get a constant rate, we need to accumulate the delta time, and only render when it reaches 1/60 second. Babylon.js Playground Babylon.…

[image] alekop: Chrome calls requestAnimationFrame at whatever rate your hardware supports, while Safari always calls it at 60Hz Didn’t know about that. That’s certainly something to consider if that’s what it really is. Anyway, it is like in this meme :sweat_smile: :rofl:: [imag…

This is what MDN says: The frequency of calls to the callback function will generally match the display refresh rate. The most common refresh rate is 60hz, (60 cycles/frames per second), though 75hz, 120hz, and 144hz are also widely used. I was about to say that, as usual, Safari does its own th…

I am rendering scenes with high rendering loads and am trying to limit the FPS to 30, especially on mobile devices. To do this, I am skipping the call to scene.render within runRenderLoop, among other things. However, when I limit the FPS using this method, for some unknown reason, Babylon’s rende…

It might just be a coincidence, but when I switched to an implementation that uses a custom requestAnimationFrame loop instead of runRenderLoop, the rendering instability issue was resolved. For your reference, here is the code: const fps = 30; let then = 0; const interval = 1000 / fps; const re…

FPS Capping at 30 or 60 fps

Questions

mawa October 23, 2024, 11:10am 7

Didn’t know about that. That’s certainly something to consider if that’s what it really is. Anyway, it is like in this meme :

Topic		Replies	Views
:tv: High Refresh Rate - Not Stable Questions	10	983	June 11, 2024
Artificially limiting framerate Questions engine	24	1275	April 12, 2025
Limit Frame Rate Questions	6	4624	September 10, 2020
A proper way to target 12FPS (or less) on fanless GPUless industrial PC Questions	3	1539	November 2, 2020
Highest possible FPS Questions	1	684	June 2, 2022

FPS Capping at 30 or 60 fps

Related topics