Skip to content

Unexpected behavior: Glyph cycle speed depends on browser's frame rate #70

@leandrumartin

Description

@leandrumartin

I have a 120 hz variable refresh rate monitor. I noticed that when my monitor (and thus the speed my web browser is rendering the animation) is set to 120 hz, the glyphs cycle at twice the rate as when the monitor is set to 60 hz.

To my best guess, as I'm unfamiliar with WebGL, it seems like Time in shaders/wgsl/rainPass.wgsl is pulling the current frame number directly from the browser. The computeSymbol updates the glyph every 33.33 frames (assuming config.animationSpeed and config.cycleFrameSkip are set to the defaults), and this appears to be the browser frames. So with the browser rendering at 60 fps, a glyph updates about 2 times per second. But with the browser rendering at 120 fps, a glyph updates about 4 times per second.

I'm guessing this was probably written with the assumption that the browser would be running at 60 fps.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions