HTML canvas fps limiter

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

当前为 2023-12-13 提交的版本，查看最新版本。

作者: Konf
评分: 0 0 0
版本: 2.0.0
创建于: 2023-05-25
更新于: 2023-12-13
大小: 11.0 KB
兼容性
许可证: 暂无
适用于: 所有网站

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 🤷

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 / Vivaldi Opera Firefox Safari Microsoft 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

This works tricky and there are 2 operation modes. 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

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