import QtQuick 2.0

Item {
    width: 320
    height: 480

    Text {
        id: text
        anchors.centerIn: parent
        font.pixelSize:  80
        text: "Shaderz!"
        visible: false

        Rectangle {
            width: 50
            height: 50
            color: "red"
            anchors.centerIn: parent
            transform: Rotation{ angle: 45 }
        }
    }

    ShaderEffectSource {
        id: source1
        sourceItem: text
        smooth: true
    }

    ShaderEffectSource {
        id: source2
        sourceItem: text
        smooth: true
    }

    ShaderEffect{
        width: parent.width
        height: parent.height / 2

        property variant source: source1

        fragmentShader: "qrc:shaders/gradient4.frag.qsb"
    }

    ShaderEffect {
        y: parent.height / 2
        width: parent.width
        height: parent.height / 2

        property variant source: source2

        fragmentShader: "qrc:shaders/gradient3.frag.qsb"
    }
}