Frame drawing is bad

[Rudxain]

The animation has a max FPS locked at 30, and if requestAnimationFrame is called at a lower frequency, both the FPS and the speed of animation get lower.

I should find a way to let the FPS be independent of the animation speed

[Rudxain]

I know know that I have to compute a delta value and change the global dimming to have a transparency proportional to that value. I was thinking on still drawing new chars "instantaneously" (draw them on a regular interval) but I realized this may cause artifacts (too many chars) when pausing and resuming the animation (when the user leaves the tab, enters, then exits the tab immediately again, also when the display refresh rate is low), so I guess I have to dim the new chars in the same way the global dimming would do based on the delta. I haven't tested that, so IDK if I'm right.

The problem with that is that low Hz displays will have slower animation speed. This can become a serious problem when I do #5 to allow changing the speed, because the speed will be limited by the users' display Hz