summaryrefslogtreecommitdiffstats
path: root/examples/animatedbackground/BackgroundSwirls.qml
diff options
context:
space:
mode:
Diffstat (limited to 'examples/animatedbackground/BackgroundSwirls.qml')
-rw-r--r--examples/animatedbackground/BackgroundSwirls.qml77
1 files changed, 77 insertions, 0 deletions
diff --git a/examples/animatedbackground/BackgroundSwirls.qml b/examples/animatedbackground/BackgroundSwirls.qml
new file mode 100644
index 0000000..8227932
--- /dev/null
+++ b/examples/animatedbackground/BackgroundSwirls.qml
@@ -0,0 +1,77 @@
+import QtQuick 2.0
+import Qt.labs.particles 2.0
+
+Item {
+ anchors.fill: parent
+
+ Rectangle {
+ anchors.fill: parent
+ gradient: Gradient {
+ GradientStop { position: 0; color: "lightsteelblue" }
+ GradientStop { position: 1; color: "black" }
+ }
+ }
+
+ Rectangle {
+ id: colorTableItem
+ width: 16
+ height: 16
+ anchors.fill: parent
+
+ property color color1: Qt.rgba(0.8, 0.8, 1, 0.3)
+ property color color2: Qt.rgba(0.8, 0.8, 1, 0.3)
+
+ gradient: Gradient {
+ GradientStop { position: 0; color: colorTableItem.color1 }
+ GradientStop { position: 0.3; color: "transparent" }
+ GradientStop { position: 0.7; color: "transparent" }
+ GradientStop { position: 1; color: colorTableItem.color2 }
+ }
+
+ visible: false
+ }
+
+ ShaderEffectSource {
+ id: colorTableSource
+ sourceItem: colorTableItem
+ smooth: true
+ }
+
+ Repeater {
+ model: 4
+ Swirl {
+
+ width: parent.width
+ anchors.bottom: parent.bottom
+ height: parent.height / (2 + index)
+ opacity: 0.3
+ speed: (index + 1) / 5
+ colorTable: colorTableSource
+ }
+ }
+
+ ParticleSystem{
+ id: particles
+ }
+ ColoredParticle{
+ anchors.fill: parent
+ system: particles
+ image: "particle.png"
+ alpha: 0
+ colorVariation: 0.3
+ }
+ TrailEmitter{
+ anchors.fill: parent
+ system: particles
+ particlesPerSecond: Math.sqrt(parent.width * parent.height) / 30
+ particleDuration: 2000
+ emitting: true
+ particleSize: 4
+ particleSizeVariation: 2
+
+ acceleration: AngleVector{ angle: 90; angleVariation: 360; magnitude: 20; }
+ speed: AngleVector{ angle: -90; angleVariation: 360; magnitude: 10; }
+
+ }
+
+}