[Webkit-unassigned] [Bug 261031] Visible jank in 60fps animation containing 2 alternating frames, no matter of approach taken

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=261031

--- Comment #8 from Wojciech Czechowski <wojciech.czechowski at smartframe.io> ---
I recently conducted some tests to assess the feasibility of this type of animation. I would like to share the results with you, as it may help identify issues with the browser.

I prepared six different repositories, each containing a simple app. The only functionality of these apps is to flicker between two colored rectangles at 60fps. These apps are written in various technologies and for different platforms. Each repository includes a readme file with building instructions, allowing you to review both the source code and the working app. The links to the repositories are provided below. I can't wait for you to check them out and draw some conclusions.

Spoiler alert: The apps written in C++ with the SDL2 library (for all platforms), Kotlin, and SwiftUI work smoothly with the animation, without any visible glitches. However, the one written in Flutter (for all platforms) produces results very similar to those observed in the browser...

So, in principle, achieving jank-free animations on all platforms is possible. The introduction of jank seems to be located in the browser rendering implementation.

Mentioned links: 

1. ColourFlicker written in Kotlin [ for android ]: https://github.com/WojciechCzechowski-SmartFrame/ColourFlicker_Kotlin_android
2. ColourFlicker written in SwiftUI [ for iOS ]: https://github.com/WojciechCzechowski-SmartFrame/ColourFlicker_SwiftUI_iOS
3. ColourFlicker written in C++/SDL2 [ for windows ]:  https://github.com/WojciechCzechowski-SmartFrame/ColourFlicker_SDL2_windows
4. ColourFlicker written in C++/SDL2 [ for macOS ]: https://github.com/WojciechCzechowski-SmartFrame/ColourFlicker_SDL2_macOS
5. ColourFlicker written in C++/SDL2 [ for linux ]: https://github.com/WojciechCzechowski-SmartFrame/ColourFlicker_SDL2_linux

6. ColourFlicker written in Dart/Flutter [ for all platforms ]: https://github.com/WojciechCzechowski-SmartFrame/ColourFlicker_Flutter_all-platforms

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20231205/e64785db/attachment.htm>