New page in testshaderdemo showing Shadow effects

src/shell/applets/testshaderapplet/contents/ui/Shadows.qml

@@ -0,0 +1,240 @@
+/****************************************************************************
+**
+** Copyright (C) 2013 Digia Plc and/or its subsidiary(-ies).
+** Contact: http://www.qt-project.org/legal
+**
+** This file is part of the examples of the Qt Toolkit.
+**
+** $QT_BEGIN_LICENSE:BSD$
+** You may use this file under the terms of the BSD license as follows:
+**
+** "Redistribution and use in source and binary forms, with or without
+** modification, are permitted provided that the following conditions are
+** met:
+**   * Redistributions of source code must retain the above copyright
+**     notice, this list of conditions and the following disclaimer.
+**   * Redistributions in binary form must reproduce the above copyright
+**     notice, this list of conditions and the following disclaimer in
+**     the documentation and/or other materials provided with the
+**     distribution.
+**   * Neither the name of Digia Plc and its Subsidiary(-ies) nor the names
+**     of its contributors may be used to endorse or promote products derived
+**     from this software without specific prior written permission.
+**
+**
+** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.0
+//import QtQuick.Particles 2.0
+
+import org.kde.plasma.core 0.1 as PlasmaCore
+import org.kde.plasma.components 0.1 as PlasmaComponents
+import org.kde.plasma.extras 0.1 as PlasmaExtras
+
+ShaderExample {
+
+    pageName: "Shadows"
+    pageDescription: ""
+    Grid {
+        id: cfgrid
+        columns: 2
+
+        anchors.top: parent.top
+        anchors.right: parent.right
+        width: parent.width * 0.6
+        height: 96
+        spacing: 6
+        columnSpacing: _m
+        PlasmaComponents.Label {
+            text: "Distance:";
+            width: parent.width * 0.5;
+            horizontalAlignment: Text.AlignRight
+            elide: Text.ElideRight
+        }
+        PlasmaComponents.Slider {
+            width: parent.width * 0.4
+            id: distanceSlider
+            stepSize: 1
+            minimumValue: 0
+            maximumValue: 25
+            value: 8
+        }
+
+        PlasmaComponents.Label {
+            text: "Opacity:";
+            horizontalAlignment: Text.AlignRight
+            elide: Text.ElideRight
+            width: parent.width * 0.5;
+        }
+        PlasmaComponents.Slider {
+            width: parent.width * 0.4
+            id: opacitySlider
+//             stepSize: 250
+            minimumValue: 0
+            maximumValue: 1.0
+            stepSize: 0.05
+            value: 0.4
+        }
+    }
+
+    Item {
+        anchors.fill: parent
+        clip: true
+        anchors.margins: -_s
+
+        Item {
+            id: theItem
+            anchors.fill: parent
+            anchors.topMargin: _s * 2
+
+            Column {
+                id: "txtCol"
+                anchors.fill: parent
+                anchors.margins: _s
+                anchors.topMargin: _s * 2
+                spacing: _s
+
+                PlasmaExtras.Heading {
+                    text: "Effects on Components"
+
+                }
+                PlasmaExtras.Paragraph {
+                    text:"In Plasma 2, the user interface is based on an OpenGL scenegraph, composition of the UI happens on the graphics card. In the past weeks, we've been working on getting a Plasma 2 shell up and running, and on porting the QML imports of the Plasma Components."
+                }
+
+                PlasmaExtras.Heading {
+                    font.pointSize: 48
+                    anchors.horizontalCenter: parent.horizontalCenter
+                    anchors.topMargin: _s * 3
+                    text: "This is shadowy text."
+                }
+                Row {
+                    height: 48
+                    width: parent.width
+                    spacing: _s
+
+                    PlasmaCore.IconItem {
+                        source: "configure"
+                        width: parent.height
+                        height: width
+                    }
+                    PlasmaCore.IconItem {
+                        source: "dialog-ok"
+                        width: parent.height
+                        height: width
+                    }
+
+                    PlasmaCore.SvgItem {
+                        svg: PlasmaCore.Svg {
+                            id: configIconsSvg
+                            imagePath: "widgets/configuration-icons"
+                        }
+                        elementId: "maximize"
+                        width: parent.height
+                        height: width
+                    }
+
+                    PlasmaCore.IconItem {
+                        source: "akonadi"
+                        width: parent.height
+                        height: width
+                    }
+                    PlasmaCore.IconItem {
+                        source: "clock"
+                        width: parent.height
+                        height: width
+                    }
+                }
+            }
+        }
+        ShaderEffectSource {
+            id: theSource
+            sourceItem: theItem
+            hideSource: true
+        }
+
+        ShaderEffect {
+            anchors.fill: theItem
+            property variant source: theSource
+            property variant shadow: ShaderEffectSource {
+                sourceItem: ShaderEffect {
+                    width: theItem.width
+                    height: theItem.height
+                    property variant delta: Qt.size(0.0, 1.0 / height)
+                    property variant source: ShaderEffectSource {
+                        sourceItem: ShaderEffect {
+                            width: theItem.width
+                            height: theItem.height
+                            property variant delta: Qt.size(1.0 / width, 0.0)
+                            property variant source: theSource
+                            fragmentShader: "
+                                uniform lowp float qt_Opacity;
+                                uniform sampler2D source;
+                                uniform highp vec2 delta;
+                                varying highp vec2 qt_TexCoord0;
+                                void main() {
+                                    gl_FragColor =(0.0538 * texture2D(source, qt_TexCoord0 - 3.182 * delta)
+                                                 + 0.3229 * texture2D(source, qt_TexCoord0 - 1.364 * delta)
+                                                 + 0.2466 * texture2D(source, qt_TexCoord0)
+                                                 + 0.3229 * texture2D(source, qt_TexCoord0 + 1.364 * delta)
+                                                 + 0.0538 * texture2D(source, qt_TexCoord0 + 3.182 * delta)) * qt_Opacity;
+                                }"
+                        }
+                    }
+                    fragmentShader: "
+                        uniform lowp float qt_Opacity;
+                        uniform sampler2D source;
+                        uniform highp vec2 delta;
+                        varying highp vec2 qt_TexCoord0;
+                        void main() {
+                            gl_FragColor =(0.0538 * texture2D(source, qt_TexCoord0 - 3.182 * delta)
+                                         + 0.3229 * texture2D(source, qt_TexCoord0 - 1.364 * delta)
+                                         + 0.2466 * texture2D(source, qt_TexCoord0)
+                                         + 0.3229 * texture2D(source, qt_TexCoord0 + 1.364 * delta)
+                                         + 0.0538 * texture2D(source, qt_TexCoord0 + 3.182 * delta)) * qt_Opacity;
+                        }"
+                }
+            }
+            property real angle: 0
+            property variant offset: Qt.point(distanceSlider.value * Math.cos(angle), distanceSlider.value * Math.sin(angle))
+            NumberAnimation on angle { loops: Animation.Infinite; from: 0; to: Math.PI * 2; duration: 6000 }
+            property variant delta: Qt.size(offset.x / width, offset.y / height)
+            property real darkness: opacitySlider.value // Changeme
+            fragmentShader: "
+                uniform lowp float qt_Opacity;
+                uniform highp vec2 offset;
+                uniform sampler2D source;
+                uniform sampler2D shadow;
+                uniform highp float darkness;
+                uniform highp vec2 delta;
+                varying highp vec2 qt_TexCoord0;
+                void main() {
+                    lowp vec4 fg = texture2D(source, qt_TexCoord0);
+                    lowp vec4 bg = texture2D(shadow, qt_TexCoord0 + delta);
+                    gl_FragColor = (fg + vec4(0., 0., 0., darkness * bg.a) * (1. - fg.a)) * qt_Opacity;
+                }"
+//             Slider {
+//                 id: shadowSlider
+//                 anchors.left: parent.left
+//                 anchors.right: parent.right
+//                 anchors.bottom: parent.bottom
+//                 height: 40
+//             }
+        }
+
+    }
+}

src/shell/applets/testshaderapplet/contents/ui/WobbleExample.qml

@@ -36,10 +36,10 @@ ShaderExample {
         spacing: 6
         columnSpacing: _m
         PlasmaComponents.Label {
-            text: "Amplitude (" + amplitudeSlider.value +"):";
+            text: "Amplitude:";
             width: parent.width * 0.5;
+            horizontalAlignment: Text.AlignRight
             elide: Text.ElideRight
-//             height: 24
         }
         PlasmaComponents.Slider {
             width: parent.width * 0.4
@@ -51,10 +51,10 @@ ShaderExample {
         }
 
         PlasmaComponents.Label {
-            text: "Speed (" + speedSlider.value +"):";
+            text: "Speed:";
+            horizontalAlignment: Text.AlignRight
+            width: parent.width * 0.5;
             elide: Text.ElideRight
-//             width: parent.width * 0.4;
-//             height: 24
         }
         PlasmaComponents.Slider {
             width: parent.width * 0.4

src/shell/applets/testshaderapplet/contents/ui/testshaderapplet.qml

@@ -45,6 +45,7 @@ Item {
             }
             height: _h
 
+            PlasmaComponents.TabButton { tab: shadowExample; text: tab.pageName; }
             PlasmaComponents.TabButton { tab: wobbleExample; text: tab.pageName; }
             //PlasmaComponents.TabButton { tab: colorExample; text: tab.pageName; }
             PlasmaComponents.TabButton { tab: colorShower; text: tab.pageName; }
@@ -61,6 +62,9 @@ Item {
                 bottom: parent.bottom
             }
 
+            Shadows {
+                id: shadowExample
+            }
             WobbleExample {
                 id: wobbleExample
             }