Forums

OverviewV-Play 2 Support (Qt 5) › MultiResolutionImage and QtGraphicalEffects

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #13422

    spike

    Hi,

     

    how do these two work together? For example, applying a Glow effect on a MultiResolutionImage results in a “sd” version of the image. Means: It’s blurried and does not look nice. This is the same for any other effect I tried.

     

    MultiResolutionImage {
        id: img
        source: "qrc:/my/img.png"
    }
    
    Glow {
        id: img
        radius: 8
        samples: 17
        source: img
        anchors.fill: img
        color: "white"
    }

     

    Without the Glow, it loads the +hd2 version.

     

    #13423

    Alec
    #13430

    G√ľnther
    V-Play Team

    Thanks for stepping in Alec! ūüėČ
    Yes, I think this solution should also help in this case.

    Did you manage to fix the problem with that Spike?

    Cheers,
    G√ľnther

    #13436

    spike

    Oh, yes indeed. Thanks, I’ll try that out.

    #13867

    spike

    Okay, so after using it in praxis, it doesn’t work that well.

     

    If I use Alec’s code it works for ColorOverlays, but a DropShadow or a Glow makes it completely invisible.

                Item{
                    id: item
                    height: 100
                    width: 100
    
                    MultiResolutionImage{
                        id: img1
                        source: "../assets/vplay-logo.png"
                        visible: false
                        transformOrigin: Item.TopLeft
                        height: 100 / internalContentScaleFactorForImages
                        width: 100 / internalContentScaleFactorForImages
                        scale: internalContentScaleFactorForImages
                        anchors.centerIn: parent
                    }
                    DropShadow {
                        anchors.fill: item
                        source: img1
                        horizontalOffset: 3
                        verticalOffset: 3
                        radius: 12.0
                        samples: 17
                        color: "#80FF0000"
                    }
                }

     

    Would be cool if there’s a solution which works for any QtGraphicalEffect.

     

    Thanks.

     

    #13879

    Alec

    I think the problem is that my original code isn’t very good. Try this instead:

     

    Item{
                id: item
                height: 100
                width: 100
                
                MultiResolutionImage{
                    id: img1
                    source: "../assets/vplay-logo.png"
                    visible: false
                    transformOrigin: Item.TopLeft
                    height: 100 / internalContentScaleFactorForImages
                    width: 100 / internalContentScaleFactorForImages
                    anchors.centerIn: parent
                }
                //                        DropShadow {
                //                            anchors.fill: img1
                //                            source: img1
                //                            horizontalOffset: 3
                //                            verticalOffset: 3
                //                            radius: 12.0
                //                            samples: 17
                //                            color: "#80FF0000"
                //                            scale: internalContentScaleFactorForImages
                //                        }
                //                        ColorOverlay{
                //                            anchors.fill: img1
                //                            color: "red"
                //                            source: img1
                //                            scale: internalContentScaleFactorForImages
                //                        }
                Glow {
                    radius: 8
                    samples: 17
                    source: img1
                    anchors.fill: img1
                    color: "orange"
                    scale: internalContentScaleFactorForImages
                }
            }

     

    #13884

    spike

    Thank you, Alec! Now it’s working as intended.

Viewing 7 posts - 1 through 7 (of 7 total)

RSS feed for this thread

You must be logged in to reply to this topic.

Voted #1 for:

  • Easiest to learn
  • Most time saving
  • Best support

Develop Cross-Platform Apps and Games 50% Faster!

  • Voted the best supported, most time-saving and easiest to learn cross-platform development tool
  • Based on the Qt framework, with native performance and appearance on all platforms including iOS and Android
  • Offers a variety of plugins to monetize, analyze and engage users
FREE!
create apps
create games
cross platform
native performance
3rd party services
game network
multiplayer
level editor
easiest to learn
biggest time saving
best support