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

未關閉

#1,491 建立於 2019年9月28日 10 則留言 1 個 reaction 已指派 0 人在 GitHub 檢視

還沒有人認領這個 Issue。

評估

難度: 4/5
預估耗時: 3-5 天
新手友好度: 35/100

Issue 類型: 缺陷
描述清晰度: 基本清楚
活躍度: 停滯
技術堆疊: android, javascript
領域: mobile-dev, performance

研究方向

首先，在啟用 Profile GPU rendering 的 Android 上重現連結的 NativeScript Playground，並比較空白畫面、setInterval(..., 0) 與 Choreographer.postFrameCallback 的情況。接著追蹤 Android runtime 中用於排程 setInterval 與 Choreographer 的進入點；完成的標準是解釋或修正影格率差異，並在回報的裝置上驗證該比較。

由索引模型根據 Issue 內容生成。

描述

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