Rendering is slow & flickers on firefox

Questions
1

Hello all

I’m trying to find and fix the root cause of some lags that only happens in firefox

Reproduction steps:
Go to https://tmdojo.com/maps/j3FTAEgaMI5LdO3vzfBcX1feBE3
Load the first replay (doesn’t matter which one)

image
image235×125 3.24 KB

Close the “Select replays” panel

image
image171×126 3.04 KB

Click the eye icon to set the cam to “follow” mode on the loaded replay

image
image381×278 18.7 KB

Click the “Play” button on the footer

image
image312×115 1.83 KB

On chrome, it’s going smoothly at 144 FPS, no flickering
On FireFox, it’s going at 0.3 x speed, with some flickering

I tried looking at the profiler on both chrome and firefox to try and spot the differences, but they look nothing alike

The code that introduces the lag can be found here

Any idea on what could be the issue?

Regards

2

FWIW, it runs at full speed for me, no flickering in Firefox/Linux on a crappy Intel GPU.

3

Interesting
I’m on windows with a NVIDIA GPU

4

yeah i can replicate, I’m on nvidia too

chrome left , firefox right

Camera movement is smooth, but the vehicle movement is stuttering.

Looks like some sort of precision issue , are you using performance.now() or date.now() ?

also try using Timer from three/addons instead of THREE.clock