setInterval(()=>null,0) makes any animation much smoother

Abierto

#1,491 abierto el 28/9/2019 10 comentarios 1 reacción 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad: 4/5
Tiempo estimado: 3-5 días
Aptitud para principiantes: 35/100

Tipo de issue: Error
Claridad: Bastante claro
Estado de actividad: Estancado
Stack tecnológico: android, javascript
Área: mobile-dev, performance

Línea de trabajo

Empieza reproduciendo el NativeScript Playground enlazado en Android con Profile GPU rendering habilitado, comparando la pantalla vacía, setInterval(..., 0) y los casos de Choreographer.postFrameCallback. Después, rastrea los puntos de entrada de la planificación del runtime de Android para setInterval y Choreographer; se considera terminado cuando se haya explicado o corregido la diferencia de velocidad de fotogramas y se haya verificado la comparación en los dispositivos indicados.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Environment

CLI: 6.1.2
Android Runtime: 6.0.2 / 6.1.2

Describe the bug
I'm working on custom animation (screen blinking at 60fps) on Android, and I was very surprised that using of stupid setInterval(() => {...}, 0) works much better that the native android's Choreographer.

With setInterval(() => {...}, 0) I've got stable 60 FPS even on android 5 devices, but with Choreographer (that should work much efficiency, code below) I got drops to 50 FPS on powerful OnePlus 6 on Android 9.0

android.view.Choreographer.getInstance().postFrameCallback(...);

But if I write down setInterval(() => null); near the Choreographer callback definition - I will achieve stable FPS and low GPU utilisation (LOL, right?).

To Reproduce
I have created app on playground where everybody can test it. Turn on 'Profile GPU rendering' - 'On screen as bars' in 'developer options' menu and launch this simple app with simple loader on 2 pages - one with absolutely empty component, another one with setInterval(() => {}, 0) in OnInit.

Sample project
Nativescript Playground

Additional context
I've recorded animations to demonstrate this behaviour Imgur
And my question on StackOverflow (without any answer) link