HTML canvas fps limiter

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

作者: Konf
日安装量: 0
总安装量: 149
评分: 2 1 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 🤷

If you have some troubles you can try and change a script working mode (check the 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

Step 1. Browser that supports extensions and a scripts manager

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

Tampermonkey installation links for a different browsers, choose yours:

Chrome / Vivaldi Opera / Yandex Browser Firefox Safari Microsoft Edge

Step 2. Come back here

Refresh this page and click the green Install button at the top of this page. A new tab belonging to your scripts manager will open. Confirm the script installation

Step 3. Check if it works

Refresh the page where the script should work

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