HTML canvas fps limiter

Fps limiter for browser games or some 2D/3D animations

Author
Konf
Daily installs
0
Total installs
130
Ratings
2 1 0
Version
2.0.0
Created
2023-05-25
Updated
2023-12-13
Compatibility
Compatible with Chrome Compatible with Opera
License
N/A
Applies to
All sites

⚠️ Warning

This is an unsuccessful attempt to implement a userscript fps limiter, in the process of making it I've realized that this might be impossible to do properly. Maybe there is some another way to cap framerate for browsers

About

  • This works only for html canvas (so the browser games or complex animations), not the videos/gifs or the browser in general.
  • This can not increase your fps in any way, but there is some info about that, scroll down to read it.
  • This might not work at all. Make a discussion topic about the website where the script is expected to work but it isn't.
  • After every page refresh this needs a few seconds before it starts working.
  • This is not smooth since it is not synchronized with monitor refresh rate and this is impossible to do.
  • This might be lagging badly.
  • This actually increases CPU usage instead of decreasing it.
  • You can set a limit only in between 0 to 200 fps.
  • Browsers that are not Chromium-based are not supported.

I have no idea how this could be used 🤷

If you have some troubles you can try and change a script working mode (see screenshot below). There are 2 operation modes and their purpose is to replace each other when one is not working or working bad. In some cases they both might not work. If default mode 1 is doing nothing, try to switch to mode 2, but if that didn't help, this script can't really do nothing more

You might find useful the Performance monitor along with this script, and there are also some links to test how it works: Input lag measuring tool, Browser VSYNC Animation Timing Graph

Screenshot

The script uses icon from icons8.com

How to install to a PC browser

Step 1. Scripts manager

To use scripts, first you need to install a scripts manager. My advice is Tampermonkey, since I use it too

Tampermonkey install links for different browsers, choose yours:

Chrome / VivaldiOperaFirefoxSafariMicrosoft Edge

If your browser is missing here, you can PM me on this website, and I will try to help you

Step 2. Come back here

Refresh the page and press the green Install button that is above this description

Step 3. Check if it works

It is? Oh wow

More

More fps always leads to less input lag which is really useful in games, but a browsers by default are restricting fps to your monitor refresh rate (e.g. 60). You can remove this restriction, but your fps might be way too high after that, causing some another problems... That's why this script might be useful, but this topic is complicated, and different people might get different performance results with different combinations of options, so you need to try a different approaches by yourself