Skip to content

Q
qtdeclarative
Commit fac7ee60 authored by Damian Jansen's avatar Damian Jansen Committed by Qt by Nokia
Browse files
Options

Add Particles basic acceptance manual tests. 

Change-Id: I9be3f3257d74e6a3535f8137083e5dad31965c87
Reviewed-on: http://codereview.qt-project.org/5906Reviewed-by: default avatarQt Sanity Bot <qt_sanity_bot@ovi.com>
Reviewed-by: default avatarAlan Alpert <alan.alpert@nokia.com>
parent 4e06807b
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 992 additions and 347 deletions
tests/system/sys_elements.qtt
View file @ fac7ee60
This diff is collapsed.
tests/testapplications/elements/content/AffectorElement.qml 0 → 100644
View file @ fac7ee60
/****************************************************************************
**
** Copyright (C) 2011 Nokia Corporation and/or its subsidiary(-ies).
** All rights reserved.
** Contact: Nokia Corporation (qt-info@nokia.com)
**
** This file is part of the test suite of the Qt Toolkit.
**
** $QT_BEGIN_LICENSE:LGPL$
** GNU Lesser General Public License Usage
** This file may be used under the terms of the GNU Lesser General Public
** License version 2.1 as published by the Free Software Foundation and
** appearing in the file LICENSE.LGPL included in the packaging of this
** file. Please review the following information to ensure the GNU Lesser
** General Public License version 2.1 requirements will be met:
** http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html.
**
** In addition, as a special exception, Nokia gives you certain additional
** rights. These rights are described in the Nokia Qt LGPL Exception
** version 1.1, included in the file LGPL_EXCEPTION.txt in this package.
**
** GNU General Public License Usage
** Alternatively, this file may be used under the terms of the GNU General
** Public License version 3.0 as published by the Free Software Foundation
** and appearing in the file LICENSE.GPL included in the packaging of this
** file. Please review the following information to ensure the GNU General
** Public License version 3.0 requirements will be met:
** http://www.gnu.org/copyleft/gpl.html.
**
** Other Usage
** Alternatively, this file may be used in accordance with the terms and
** conditions contained in a signed written agreement between you and Nokia.
**
**
**
**
**
** $QT_END_LICENSE$
**
****************************************************************************/
import QtQuick 2.0
import QtQuick.Particles 2.0
Item {
id: affectorelementtest
anchors.fill: parent
property string testtext: ""
ParticleSystem {
id: particlesystem
anchors.fill: parent
ImageParticle {
id: imageparticle
source: "pics/star.png"
color: "blue"
entryEffect: ImageParticle.None
anchors.fill: parent
}
// Pipe
Rectangle {
id: pipe
x: 0; y: 300
border.color: "black"
gradient: Gradient {
GradientStop { position: 0.0; color: "lightgray" }
GradientStop { position: 1.0; color: "gray" }
}
height: 40; width: 40
}
Rectangle {
id: pipehead
anchors.left: pipe.right
anchors.verticalCenter: pipe.verticalCenter
border.color: "black"
gradient: Gradient {
GradientStop { position: 0.0; color: "lightgray" }
GradientStop { position: 1.0; color: "gray" }
}
height: 50; width: 10
}
Emitter {
id: emitterelement
anchors.left: pipe.left
anchors.leftMargin: 10
anchors.bottom: pipe.bottom
anchors.bottomMargin: 8
height: 5
emitRate: 100
lifeSpan: 10000
speed: AngleDirection { angle: 0; magnitude: 30 }
}
// Affectors
Gravity {
id: gravity
x: pipe.width; y: pipe.y-100
enabled: false
height: 200
width: parent.width - pipe.width
angle: 90
acceleration: 30
}
Wander {
id: wander
enabled: false
anchors.verticalCenter: pipe.verticalCenter
anchors.left: pipe.right
height: pipe.height
width: 5
xVariance: 50
yVariance: 100
pace: 200
}
Turbulence {
id: turbulence
enabled: false
strength: 40
anchors.bottom: parent.bottom
anchors.bottomMargin: 100
width: parent.width; height: 100
}
Friction {
id: friction
anchors.bottom: parent.bottom; width: parent.width; height: 100
enabled: false
factor: 2
}
Age {
id: age
anchors.bottom: parent.bottom; width: 360; height: 5
}
}
SystemTestHelp { id: helpbubble; visible: statenum != 0
anchors { top: parent.top; horizontalCenter: parent.horizontalCenter; topMargin: 50 }
}
BugPanel { id: bugpanel }
states: [
State { name: "start"; when: statenum == 1
PropertyChanges { target: affectorelementtest
testtext: "This is a group of currently disabled Affector elements. "+
"A blue stream of particles should be flowing from a block to the left.\n"+
"Next, let's add some variance in direction when the particles leave the block." }
},
State { name: "spread"; when: statenum == 2
PropertyChanges { target: wander; enabled: true }
PropertyChanges { target: affectorelementtest
testtext: "The particles should be spreading out as they progress.\n"+
"Next, let's introduce gravity." }
},
State { name: "gravity"; when: statenum == 3
PropertyChanges { target: wander; enabled: true }
PropertyChanges { target: gravity; enabled: true }
PropertyChanges { target: affectorelementtest
testtext: "The particles should now be dropping.\n"+
"Also, no particles should be visible below the bounds of the application, "+
"i.e. the white panel.\n"+
"Next, let's introduce some friction at the bottom of the display." }
},
State { name: "friction"; when: statenum == 4
PropertyChanges { target: wander; enabled: true }
PropertyChanges { target: gravity; enabled: true }
PropertyChanges { target: friction; enabled: true }
PropertyChanges { target: affectorelementtest
testtext: "The particles should now be decelerating suddenly at the bottom.\n"+
"Next, let's add some turbulence to the flow." }
},
State { name: "turbulence"; when: statenum == 5
PropertyChanges { target: wander; enabled: true }
PropertyChanges { target: gravity; enabled: true }
PropertyChanges { target: friction; enabled: true }
PropertyChanges { target: turbulence; enabled: true }
PropertyChanges { target: affectorelementtest
testtext: "The particles should now be turbulent.\n"+
"Advance to restart the test." }
}
]
}
\ No newline at end of file
tests/testapplications/elements/content/DirectionElement.qml 0 → 100644
View file @ fac7ee60
/****************************************************************************
**
** Copyright (C) 2011 Nokia Corporation and/or its subsidiary(-ies).
** All rights reserved.
** Contact: Nokia Corporation (qt-info@nokia.com)
**
** This file is part of the test suite of the Qt Toolkit.
**
** $QT_BEGIN_LICENSE:LGPL$
** GNU Lesser General Public License Usage
** This file may be used under the terms of the GNU Lesser General Public
** License version 2.1 as published by the Free Software Foundation and
** appearing in the file LICENSE.LGPL included in the packaging of this
** file. Please review the following information to ensure the GNU Lesser
** General Public License version 2.1 requirements will be met:
** http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html.
**
** In addition, as a special exception, Nokia gives you certain additional
** rights. These rights are described in the Nokia Qt LGPL Exception
** version 1.1, included in the file LGPL_EXCEPTION.txt in this package.
**
** GNU General Public License Usage
** Alternatively, this file may be used under the terms of the GNU General
** Public License version 3.0 as published by the Free Software Foundation
** and appearing in the file LICENSE.GPL included in the packaging of this
** file. Please review the following information to ensure the GNU General
** Public License version 3.0 requirements will be met:
** http://www.gnu.org/copyleft/gpl.html.
**
** Other Usage
** Alternatively, this file may be used in accordance with the terms and
** conditions contained in a signed written agreement between you and Nokia.
**
**
**
**
**
** $QT_END_LICENSE$
**
****************************************************************************/
import QtQuick 2.0
import QtQuick.Particles 2.0
Item {
id: directionelementtest
anchors.fill: parent
property string testtext: ""
ParticleSystem {
id: particlesystem
anchors.fill: parent
Item {
id: targetbox
x: 50
y: 300
Rectangle {
id: targeticon
color: "brown"
height: 0; width: 0; radius: 20
anchors.centerIn: parent
Behavior on height { NumberAnimation { duration: 500; easing.type: Easing.OutBounce } }
Behavior on width { NumberAnimation { duration: 500; easing.type: Easing.OutBounce } }
}
}
ImageParticle {
id: imgparticle
source: "pics/star.png"
color: "red"
entryEffect: ImageParticle.None
}
Emitter {
id: emitter
anchors.bottom: parent.bottom
anchors.bottomMargin: 5
anchors.horizontalCenter: parent.horizontalCenter
emitRate: 50
lifeSpan: 4000
size: 20
speed: angledirectionelement
AngleDirection { id: angledirectionelement; angle: -75; angleVariation: 5; magnitude: 150 }
TargetDirection { id: targetdirectionelement; targetItem: targetbox; targetVariation: 10; magnitude: 150 }
PointDirection { id: pointdirectionelement; y: -100; xVariation: 10; yVariation: 10; }
PointDirection { id: pointdirectionelementdownward; y: 200 }
CumulativeDirection {
id: cumulativedirectionelement
PointDirection { y: -200 }
AngleDirection { angle: 270; angleVariation: 45; magnitude: 100; magnitudeVariation: 10; }
}
}
}
SystemTestHelp { id: helpbubble; visible: statenum != 0
anchors { top: parent.top; horizontalCenter: parent.horizontalCenter; topMargin: 50 }
}
BugPanel { id: bugpanel }
states: [
State { name: "start"; when: statenum == 1
PropertyChanges { target: directionelementtest
testtext: "This is an Emitter with the direction set by an AngleDirection.\n"+
"The particles should be firing at a -75 degree (to the top right) .\n"+
"Next, let's change the Emitter to target an item." }
},
State { name: "ontarget"; when: statenum == 2
PropertyChanges { target: emitter; speed: targetdirectionelement }
PropertyChanges { target: targeticon; height: 50; width: 50 }
PropertyChanges { target: directionelementtest
testtext: "The particles should be directed at the rectangle.\n"+
"Next, let's set an arbritary point to direct the particles to." }
},
State { name: "onpoint"; when: statenum == 3
PropertyChanges { target: emitter; speed: pointdirectionelement }
PropertyChanges { target: directionelementtest
testtext: "The particles should be directed upwards with a small amount of spread.\n"+
"Next, let's create a fountain with CumulativeDirection and a downward PointDirection" }
},
State { name: "cumulative"; when: statenum == 4
PropertyChanges { target: emitter; emitRate: 200; speed: cumulativedirectionelement
acceleration: pointdirectionelementdownward }
PropertyChanges { target: imgparticle; color: "aqua"; colorVariation: .2 }
PropertyChanges { target: directionelementtest
testtext: "The particles should be flowing upwards and falling in a fountain effect.\n"+
"Advance to restart the test." }
}
]
}
\ No newline at end of file
tests/testapplications/elements/content/EmitterElement.qml 0 → 100644
View file @ fac7ee60
/****************************************************************************
**
** Copyright (C) 2011 Nokia Corporation and/or its subsidiary(-ies).
** All rights reserved.
** Contact: Nokia Corporation (qt-info@nokia.com)
**
** This file is part of the test suite of the Qt Toolkit.
**
** $QT_BEGIN_LICENSE:LGPL$
** GNU Lesser General Public License Usage
** This file may be used under the terms of the GNU Lesser General Public
** License version 2.1 as published by the Free Software Foundation and
** appearing in the file LICENSE.LGPL included in the packaging of this
** file. Please review the following information to ensure the GNU Lesser
** General Public License version 2.1 requirements will be met:
** http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html.
**
** In addition, as a special exception, Nokia gives you certain additional
** rights. These rights are described in the Nokia Qt LGPL Exception
** version 1.1, included in the file LGPL_EXCEPTION.txt in this package.
**
** GNU General Public License Usage
** Alternatively, this file may be used under the terms of the GNU General
** Public License version 3.0 as published by the Free Software Foundation
** and appearing in the file LICENSE.GPL included in the packaging of this
** file. Please review the following information to ensure the GNU General
** Public License version 3.0 requirements will be met:
** http://www.gnu.org/copyleft/gpl.html.
**
** Other Usage
** Alternatively, this file may be used in accordance with the terms and
** conditions contained in a signed written agreement between you and Nokia.
**
**
**
**
**
** $QT_END_LICENSE$
**
****************************************************************************/
import QtQuick 2.0
import QtQuick.Particles 2.0
Item {
id: emitterelementtest
anchors.fill: parent
property string testtext: ""
ParticleSystem {
id: particlesystem
anchors.fill: parent
ImageParticle {
id: imageparticle
source: "pics/smile.png"
color: "red"
Behavior on color { ColorAnimation { duration: 3000 } }
}
Emitter {
id: emitterelement
anchors.centerIn: parent
property int emitspeed: 10
emitRate: 5
lifeSpan: 1000
speed: AngleDirection { angle: 0; angleVariation: 360; magnitude: emitterelement.emitspeed }
}
}
SystemTestHelp { id: helpbubble; visible: statenum != 0
anchors { top: parent.top; horizontalCenter: parent.horizontalCenter; topMargin: 50 }
}
BugPanel { id: bugpanel }
states: [
State { name: "start"; when: statenum == 1
PropertyChanges { target: emitterelementtest
testtext: "This is an Emitter element, visualized by an ImageParticle. It should be emitting particles "+
"slowly from the center of the display.\n"+
"Next, let's change the emission speed of the particles." }
},
State { name: "fast"; when: statenum == 2
PropertyChanges { target: emitterelement; emitspeed: 50 }
PropertyChanges { target: emitterelementtest
testtext: "The particles emitted should be moving more quickly.\n"+
"Next, let's increase the number of particles emitted." }
},
State { name: "many"; when: statenum == 3
PropertyChanges { target: emitterelement; emitspeed: 50; emitRate: 100 }
PropertyChanges { target: emitterelementtest
testtext: "The particles should now be quick and numerous.\n"+
"Next, let's allow them to survive longer." }
},
State { name: "enduring"; when: statenum == 4
PropertyChanges { target: emitterelement; emitspeed: 50; emitRate: 100; lifeSpan: 3000 }
PropertyChanges { target: emitterelementtest
testtext: "The particles should now be enduring to the edges of the display.\n"+
"Next, let's have them changing their size." }
},
State { name: "sized"; when: statenum == 5
PropertyChanges { target: emitterelement; emitspeed: 50; emitRate: 100; lifeSpan: 3000; size: 20; endSize: 5 }
PropertyChanges { target: emitterelementtest
testtext: "The particles should now be starting large and ending small.\n"+
"Advance to restart the test." }
}
]
}
\ No newline at end of file
tests/testapplications/elements/content/GridViewElement.qml
View file @ fac7ee60
......@@ -116,5 +116,12 @@ Rectangle {
ListElement { label: "ParallelAnimation"; help: "The ParallelAnimation element allows animations to be run in parallel." }
ListElement { label: "XmlListModel"; help: "The XmlListModel element is used to specify a read-only model using XPath expressions." }
ListElement { label: "Scale"; help: "The Scale element provides a way to scale an Item." }
ListElement { label: "ParticleSystem"; help: "The ParticleSystem brings together ParticlePainter, Emitter and Affector elements." }
ListElement { label: "ImageParticle"; help: "The ImageParticle element visualizes logical particles using an image." }
ListElement { label: "Emitter"; help: "The Emitter element allows you to emit logical particles." }
ListElement { label: "Affector"; help: "Affector elements can alter the attributes of logical particles at any point in their lifetime." }
ListElement { label: "Shape"; help: "The Shape element allows you to specify an area for affectors and emitter." }
ListElement { label: "TrailEmitter"; help: "The TrailEmitter element allows you to emit logical particles from other logical particles." }
ListElement { label: "Direction"; help: "The Direction elements allow you to specify a vector space." }
}
}
tests/testapplications/elements/content/ImageParticleElement.qml 0 → 100644
View file @ fac7ee60
/****************************************************************************
**
** Copyright (C) 2011 Nokia Corporation and/or its subsidiary(-ies).
** All rights reserved.
** Contact: Nokia Corporation (qt-info@nokia.com)
**
** This file is part of the test suite of the Qt Toolkit.
**
** $QT_BEGIN_LICENSE:LGPL$
** GNU Lesser General Public License Usage
** This file may be used under the terms of the GNU Lesser General Public
** License version 2.1 as published by the Free Software Foundation and
** appearing in the file LICENSE.LGPL included in the packaging of this
** file. Please review the following information to ensure the GNU Lesser
** General Public License version 2.1 requirements will be met:
** http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html.
**
** In addition, as a special exception, Nokia gives you certain additional
** rights. These rights are described in the Nokia Qt LGPL Exception
** version 1.1, included in the file LGPL_EXCEPTION.txt in this package.
**
** GNU General Public License Usage
** Alternatively, this file may be used under the terms of the GNU General
** Public License version 3.0 as published by the Free Software Foundation
** and appearing in the file LICENSE.GPL included in the packaging of this
** file. Please review the following information to ensure the GNU General
** Public License version 3.0 requirements will be met:
** http://www.gnu.org/copyleft/gpl.html.
**
** Other Usage
** Alternatively, this file may be used in accordance with the terms and
** conditions contained in a signed written agreement between you and Nokia.
**
**
**
**
**
** $QT_END_LICENSE$
**
****************************************************************************/
import QtQuick 2.0
import QtQuick.Particles 2.0
Item {
id: imageparticleelementtest
anchors.fill: parent
property string testtext: ""
ParticleSystem {
id: particlesystemelement
anchors.fill: parent
ImageParticle {
id: imageparticle
source: "pics/smile.png"
color: "red"
Behavior on color { ColorAnimation { duration: 3000 } }
}
Emitter {
id: particleemitter
anchors.centerIn: parent
emitRate: 50
lifeSpan: 3000
speed: AngleDirection { angle: 0; angleVariation: 360; magnitude: 60 }
}
}
SystemTestHelp { id: helpbubble; visible: statenum != 0
anchors { top: parent.top; horizontalCenter: parent.horizontalCenter; topMargin: 50 }
}
BugPanel { id: bugpanel }
states: [
State { name: "start"; when: statenum == 1
PropertyChanges { target: imageparticleelementtest
testtext: "This is an ImageParticle element. It should be emitting particles "+
"from the center of the display.\n"+
"Next, let's change the color of the particles." }
},
State { name: "green"; when: statenum == 2
PropertyChanges { target: imageparticle; color: "lightgreen" }
PropertyChanges { target: imageparticleelementtest
testtext: "The particles should now be green.\n"+
"Next, let's get them spinning." }
},
State { name: "spinning"; when: statenum == 3
PropertyChanges { target: imageparticle; color: "lightgreen"; rotation: 360; rotationSpeed: 100 }
PropertyChanges { target: imageparticleelementtest
testtext: "The particles should now be green and spinning.\n"+
"Next, let's get them popping in and out." }
},
State { name: "scaling"; when: statenum == 4
PropertyChanges { target: imageparticle; color: "lightgreen"; rotation: 360; rotationSpeed: 100; entryEffect: ImageParticle.Scale }
PropertyChanges { target: imageparticleelementtest
testtext: "The particles should now be scaling in and out.\n"+
"Advance to restart the test." }
}
]
}
\ No newline at end of file
tests/testapplications/elements/content/ParticleSystemElement.qml 0 → 100644
View file @ fac7ee60
/****************************************************************************
**
** Copyright (C) 2011 Nokia Corporation and/or its subsidiary(-ies).
** All rights reserved.
** Contact: Nokia Corporation (qt-info@nokia.com)
**
** This file is part of the test suite of the Qt Toolkit.
**
** $QT_BEGIN_LICENSE:LGPL$
** GNU Lesser General Public License Usage
** This file may be used under the terms of the GNU Lesser General Public
** License version 2.1 as published by the Free Software Foundation and
** appearing in the file LICENSE.LGPL included in the packaging of this
** file. Please review the following information to ensure the GNU Lesser
** General Public License version 2.1 requirements will be met:
** http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html.
**
** In addition, as a special exception, Nokia gives you certain additional
** rights. These rights are described in the Nokia Qt LGPL Exception
** version 1.1, included in the file LGPL_EXCEPTION.txt in this package.
**
** GNU General Public License Usage
** Alternatively, this file may be used under the terms of the GNU General
** Public License version 3.0 as published by the Free Software Foundation
** and appearing in the file LICENSE.GPL included in the packaging of this
** file. Please review the following information to ensure the GNU General
** Public License version 3.0 requirements will be met:
** http://www.gnu.org/copyleft/gpl.html.
**
** Other Usage
** Alternatively, this file may be used in accordance with the terms and
** conditions contained in a signed written agreement between you and Nokia.
**
**
**
**
**
** $QT_END_LICENSE$
**
****************************************************************************/
import QtQuick 2.0
import QtQuick.Particles 2.0
Item {
id: particlesystemelementtest
anchors.fill: parent
property string testtext: ""
Rectangle { x: 50; y: 200; height: 300; width: 260; color: "transparent"; border.color: "lightgray" }
ParticleSystem {
id: particlesystemelement
anchors.fill: parent
ImageParticle { source: "pics/star.png"; color: "red" }
Emitter {
id: particleemitter
x: 50; y: 200
emitRate: 100
speed: AngleDirection { angle: 0; angleVariation: 360; magnitude: 100 }
Rectangle { anchors.centerIn: parent; height: 1; width: 1; color: "black" }
SequentialAnimation {
running: true; paused: particlesystemelement.paused; loops: Animation.Infinite
NumberAnimation { target: particleemitter; properties: "x"; to: 310; duration: 3000 }
NumberAnimation { target: particleemitter; properties: "y"; to: 500; duration: 3000 }
NumberAnimation { target: particleemitter; properties: "x"; to: 50; duration: 3000 }
NumberAnimation { target: particleemitter; properties: "y"; to: 200; duration: 3000 }
}
}
}
SystemTestHelp { id: helpbubble; visible: statenum != 0
anchors { top: parent.top; horizontalCenter: parent.horizontalCenter; topMargin: 50 }
}
BugPanel { id: bugpanel }
states: [
State { name: "start"; when: statenum == 1
PropertyChanges { target: particlesystemelementtest
testtext: "This is an ParticleSystem element. It is represented by an ImageParticle, "+
"tracing around the display.\n"+
"Next, it should pause simulation." }
},
State { name: "paused"; when: statenum == 2
PropertyChanges { target: particlesystemelement; paused: true }
PropertyChanges { target: particlesystemelementtest
testtext: "The simulation should now be paused.\n"+
"Advance to resume simulation." }
},
State { name: "resumed"; when: statenum == 3
PropertyChanges { target: bugpanel; bugnumber: "21539" }
PropertyChanges { target: particlesystemelement; paused: false }
PropertyChanges { target: particlesystemelementtest
testtext: "The simulation should now be active.\n"+
"Advance to restart the test" }
}
]
}
\ No newline at end of file
tests/testapplications/elements/content/ShapeElement.qml 0 → 100644
View file @ fac7ee60
/****************************************************************************
**
** Copyright (C) 2011 Nokia Corporation and/or its subsidiary(-ies).
** All rights reserved.
** Contact: Nokia Corporation (qt-info@nokia.com)
**
** This file is part of the test suite of the Qt Toolkit.
**
** $QT_BEGIN_LICENSE:LGPL$
** GNU Lesser General Public License Usage
** This file may be used under the terms of the GNU Lesser General Public
** License version 2.1 as published by the Free Software Foundation and
** appearing in the file LICENSE.LGPL included in the packaging of this
** file. Please review the following information to ensure the GNU Lesser
** General Public License version 2.1 requirements will be met:
** http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html.
**
** In addition, as a special exception, Nokia gives you certain additional
** rights. These rights are described in the Nokia Qt LGPL Exception
** version 1.1, included in the file LGPL_EXCEPTION.txt in this package.
**
** GNU General Public License Usage
** Alternatively, this file may be used under the terms of the GNU General
** Public License version 3.0 as published by the Free Software Foundation
** and appearing in the file LICENSE.GPL included in the packaging of this
** file. Please review the following information to ensure the GNU General
** Public License version 3.0 requirements will be met:
** http://www.gnu.org/copyleft/gpl.html.
**
** Other Usage
** Alternatively, this file may be used in accordance with the terms and
** conditions contained in a signed written agreement between you and Nokia.
**
**
**
**
**
** $QT_END_LICENSE$
**
****************************************************************************/
import QtQuick 2.0
import QtQuick.Particles 2.0
Item {
id: shapeelementtest
anchors.fill: parent
property string testtext: ""
ParticleSystem {
id: particlesystem
anchors.horizontalCenter: parent.horizontalCenter
anchors.bottom: parent.bottom
anchors.bottomMargin: 20
height: 300
width: