Canvas2D: WatchUI Demo

In the previous blog post I introduced Canvas2D, the new QML item in Qt 6.12 that lets you paint with JavaScript using the GPU through Qt Canvas Painter. That post was about the API: what it is, how it compares to Qt Quick Canvas and to the QCanvasPainter C++ API, and how fast it is. But that post might have left someone wondering what a real UI built with it could actually look like.

So, while testing Canvas2D (and QQEM) in preparation for the Qt 6.12.0 release, I spent a few days building a demo application to give some ideas. WatchUI is a smartwatch demo with six swipeable views, running on a 3D watch model. This is based on the smartwatch demo that was built a while back for the Qt 6.5 release. But the content of the watch screen has been reimplemented using not just QQEM effects but also Canvas2D. The demo looks like this: