1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
|
import QtQuick 2.0
Item {
width: 700
height: 600
id: root
property real inputX: 0.5;
property real feedbackX: inputX
property string nameX: "Displacement"
property real inputY: 0.5;
property real feedbackY: effect.amplitude
property string nameY: "Amplitude"
Rectangle {
id: sourceItem
anchors.centerIn: parent
width: text.width + 50
height: text.height + 20
gradient: Gradient {
GradientStop { position: 0; color: "steelblue" }
GradientStop { position: 1; color: "black" }
}
border.color: "lightsteelblue"
border.width: 2
//? color: "transparent"
radius: 10
layer.enabled: true
layer.smooth: true
layer.sourceRect: Qt.rect(-1, -1, width + 2, height + 2);
visible: false
Text {
id: text
font.pixelSize: root.height * 0.08
anchors.centerIn: parent;
text: "Code Less, Create More!"
color: "lightsteelblue"
style: Text.Raised
}
}
ShaderEffect {
id: effect
anchors.fill: sourceItem;
property variant source: sourceItem;
property real t: (1 + tlength) * (1 - root.inputX) - tlength;
property real tlength: 1.0
property real amplitude: 2.0 * height * root.inputY;
mesh: "40x4"
vertexShader:
"
uniform highp mat4 qt_Matrix;
uniform lowp float t;
uniform lowp float tlength;
uniform highp float amplitude;
uniform lowp float qt_Opacity;
attribute highp vec4 qt_Vertex;
attribute highp vec2 qt_MultiTexCoord0;
varying highp vec2 vTexCoord;
varying lowp float vOpacity;
void main() {
vTexCoord = qt_MultiTexCoord0;
vec4 pos = qt_Vertex;
lowp float tt = smoothstep(t, t+tlength, qt_MultiTexCoord0.x);
vOpacity = 1.0 - tt;
pos.y += (amplitude * (qt_MultiTexCoord0.y * 2.0 - 1.0) * (-2.0 * tt)
+ 3.0 * amplitude * (qt_MultiTexCoord0.y * 2.0 - 1.0)
+ amplitude * sin(0.0 + tt * 2.14152 * qt_MultiTexCoord0.x)
+ amplitude * sin(0.0 + tt * 7.4567)
) * tt;
pos.x += amplitude * sin(6.0 + tt * 4.4567) * tt;
gl_Position = qt_Matrix * pos;
}
"
fragmentShader:
"
uniform sampler2D source;
uniform lowp float t;
uniform lowp float tlength;
varying highp vec2 vTexCoord;
varying lowp float vOpacity;
// Noise function from: http://stackoverflow.com/questions/4200224/random-noise-functions-for-glsl
float rand(vec2 n) {
return fract(sin(dot(n.xy, vec2(12.9898, 78.233))) * 43758.5453);
}
void main() {
lowp vec4 tex = texture2D(source, vTexCoord);
lowp float opacity = 1.0 - smoothstep(0.9, 1.0, vOpacity);
float particlify = smoothstep(1.0 - vOpacity, 1.0, rand(vTexCoord)) * vOpacity;
gl_FragColor = tex * mix(vOpacity, particlify, opacity);
}
"
}
}
|
