Ideas to display animation with transparency atop video
-
I am looking for ideas on how to display animations atop video - the video is running fullscreen in the background and I display some small animations (that have a transparent background) atop of it.
To achieve that I can use GIFs but the limited colours range decreases the quality of the animation.
I hoped to use Lottie, but it is not fully supported yet.What are the other options?
-
Maybe try using AnimatedSprite https://doc.qt.io/qt-5/qml-qtquick-animatedsprite.html
If the animations are simple (limited number of frames) and looped it's a good option. You just need to export your frames to one merged .png file . I dont' know what size of the animation you want. How much pixels of width and height?
Just keep in mind, that merged file cannot be too wide for qt animation engine - so the best option is to merge it to square . For example: instead of making 1x20 frames .png file , make 4x5 frames .png file. -
What kind of animations?
-
Simple animations, e.g.: https://lottiefiles.com/11352-bookmark-favourite-button
-
Maybe try using AnimatedSprite https://doc.qt.io/qt-5/qml-qtquick-animatedsprite.html
If the animations are simple (limited number of frames) and looped it's a good option. You just need to export your frames to one merged .png file . I dont' know what size of the animation you want. How much pixels of width and height?
Just keep in mind, that merged file cannot be too wide for qt animation engine - so the best option is to merge it to square . For example: instead of making 1x20 frames .png file , make 4x5 frames .png file.
