Differential D14713 Diff 39361 src/activities/play_rhythm/PlayRhythm.qml

Changeset View

Standalone View

View Options

src/activities/play_rhythm/PlayRhythm.qml

  • This file was added.
1​/* GCompris - PlayRhythm.qml
2​ *
3​ * Copyright (C) 2018 Aman Kumar Gupta <gupta2140@gmail.com>
4​ *
5​ * Authors:
6​ * Beth Hadley <bethmhadley@gmail.com> (GTK+ version)
7​ * Aman Kumar Gupta <gupta2140@gmail.com> (Qt Quick port)
8​ *
9​ * This program is free software; you can redistribute it and/or modify
10​ * it under the terms of the GNU General Public License as published by
11​ * the Free Software Foundation; either version 3 of the License, or
12​ * (at your option) any later version.
13​ *
14​ * This program is distributed in the hope that it will be useful,
15​ * but WITHOUT ANY WARRANTY; without even the implied warranty of
16​ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
17​ * GNU General Public License for more details.
18​ *
19​ * You should have received a copy of the GNU General Public License
20​ * along with this program; if not, see <http://www.gnu.org/licenses/>.
21​ */
22​import QtQuick 2.6
23​import GCompris 1.0
24​
25​import "../../core"
26​import "../piano_composition"
27​import "play_rhythm.js" as Activity
28​
29​ActivityBase {
30​ id: activity
31​
32​ onStart: focus = true
33​ onStop: {}
34​
35​ property bool horizontalLayout: width > height
36​
37​ pageComponent: Image {
38​ id: background
39​ anchors.fill: parent
40​ fillMode: Image.PreserveAspectCrop
41​
42​ signal start
43​ signal stop
44​
45​ property string backgroundImagesUrl: ":/gcompris/src/activities/piano_composition/resource/background/"
46​ property var backgroundImages: directory.getFiles(backgroundImagesUrl)
47​
48​ Directory {
49​ id: directory
50​ }
51​
52​ source: {
53​ if(items.bar.level === 0)
54​ return "qrc" + backgroundImagesUrl + backgroundImages[0]
55​ else
56​ return "qrc" + backgroundImagesUrl + backgroundImages[(items.bar.level - 1) % backgroundImages.length]
57​ }
58​
59​ Component.onCompleted: {
60​ activity.start.connect(start)
61​ activity.stop.connect(stop)
62​ }
63​
64​ // Add here the QML items you need to access in javascript
65​ QtObject {
66​ id: items
67​ property Item main: activity.main
68​ property GCSfx audioEffects: activity.audioEffects
69​ property alias background: background
70​ property alias bar: bar
71​ property alias bonus: bonus
72​ property alias parser: parser
73​ property alias score: score
74​ property alias multipleStaff: multipleStaff
75​ property alias iAmReady: iAmReady
76​ property alias introductoryAudioTimer: introductoryAudioTimer
77​ property alias metronomeOscillation: metronomeOscillation
78​ property bool isWrongRhythm: false
79​ }
80​
81​ onStart: { Activity.start(items) }
82​ onStop: { Activity.stop() }
83​
84​ property string clefType: "Treble"
85​ property bool isRhythmPlaying: false
86​
87​ Keys.onSpacePressed: tempo.tempoPressed()
88​
89​ Rectangle {
90​ id: instructionBox
91​ radius: 10
92​ width: background.width * 0.7
93​ height: background.height / 9
94​ anchors.horizontalCenter: parent.horizontalCenter
95​ opacity: 0.8
96​ border.width: 6
97​ color: "white"
98​ border.color: "#87A6DD"
99​
100​ GCText {
101​ id: instructionText
102​ color: "black"
103​ z: 3
104​ anchors.fill: parent
105​ anchors.rightMargin: parent.width * 0.02
106​ anchors.leftMargin: parent.width * 0.02
107​ horizontalAlignment: Text.AlignHCenter
108​ verticalAlignment: Text.AlignVCenter
109​ fontSizeMode: Text.Fit
110​ wrapMode: Text.WordWrap
111​ text: bar.level % 2 == 0 ? qsTr("Use the metronome to estimate the time intervals and play the rhythm correctly.")
112​ : qsTr("Follow the vertical line and click on the tempo or press space key and play the rhythm correctly.")
113​ }
114​ }
115​
116​ Timer {
117​ id: introductoryAudioTimer
118​ interval: 3500
119​ onRunningChanged: {
120​ if(running)
121​ Activity.isIntroductoryAudioPlaying = true
122​ else {
123​ Activity.isIntroductoryAudioPlaying = false
124​ Activity.initSubLevel()
125​ }
126​ }
127​ }
128​
129​ JsonParser {
130​ id: parser
131​ }
132​
133​ Rectangle {
134​ anchors.fill: parent
135​ color: "black"
136​ opacity: 0.3
137​ visible: iAmReady.visible
138​ z: 10
139​ MouseArea {
140​ anchors.fill: parent
141​ }
142​ }
143​
144​ ReadyButton {
145​ id: iAmReady
146​ focus: true
147​ z: 10
148​ onClicked: {
149​ Activity.initLevel()
150​ }
151​ }
152​
153​ Score {
154​ id: score
155​ anchors.top: background.top
156​ anchors.bottom: undefined
157​ numberOfSubLevels: 3
158​ width: horizontalLayout ? parent.width / 10 : (parent.width - instructionBox.x - instructionBox.width - 1.5 * anchors.rightMargin)
159​ }
160​
161​ MultipleStaff {
162​ id: multipleStaff
163​ width: horizontalLayout ? parent.width * 0.6 : parent.width * 0.9
164​ height: horizontalLayout ? parent.height * 1.1 : parent.height * 0.76
165​ nbStaves: 1
166​ clef: clefType
167​ isPulseMarkerDisplayed: items.bar.level % 2
168​ isFlickable: false
169​ anchors.horizontalCenter: parent.horizontalCenter
170​ anchors.top: parent.top
171​ anchors.topMargin: horizontalLayout ? 0 : parent.height * 0.1
172​ centerNotesPosition: true
173​ firstCenteredNotePosition: width / (2 * (musicElementModel.count - 1))
174​ spaceBetweenCenteredNotes: width / (2.5 * (musicElementModel.count - 1))
175​ enableNotesSound: false
176​ onPulseMarkerAnimationFinished: background.isRhythmPlaying = false
177​ onPlayDrumSound: {
178​ if(background.isRhythmPlaying && !metronomeOscillation.running)
179​ items.audioEffects.play("qrc:/gcompris/src/activities/play_rhythm/resource/click.wav")
180​ }
181​ }
182​
183​ PianoOctaveKeyboard {
184​ id: piano
185​ visible: false
186​ }
187​
188​ Image {
189​ id: tempo
190​ source: "qrc:/gcompris/src/activities/play_rhythm/resource/drumhead.png"
191​ width: horizontalLayout ? parent.width / 7 : parent.width / 4
192​ height: width / 2
193​ anchors.top: metronome.top
194​ anchors.horizontalCenter: parent.horizontalCenter
195​ MouseArea {
196​ anchors.fill: parent
197​ enabled: !background.isRhythmPlaying && !bonus.isPlaying && (!items.isWrongRhythm || multipleStaff.isPulseMarkerRunning)
198​ onPressed: tempo.tempoPressed()
199​ onReleased: tempo.scale = 1
200​ }
201​
202​ function tempoPressed() {
203​ tempo.scale = 0.85
204​ if(!multipleStaff.isMusicPlaying) {
205​ Activity.currentNote = 0
206​ multipleStaff.play()
207​ }
208​ if(!metronomeOscillation.running)
209​ items.audioEffects.play("qrc:/gcompris/src/activities/play_rhythm/resource/click.wav")
210​ Activity.checkAnswer(multipleStaff.pulseMarkerX)
211​ }
212​ }
213​
214​ Image {
215​ id: metronome
216​ source: "qrc:/gcompris/src/activities/play_rhythm/resource/metronome_stand.svg"
217​ fillMode: Image.PreserveAspectFit
218​ sourceSize.width: parent.width / 3
219​ sourceSize.height: parent.height / 4
220​ width: sourceSize.width
221​ height: sourceSize.height
222​ anchors.bottom: bar.top
223​ anchors.bottomMargin: 20
224​ visible: (bar.level % 2 == 0) && (bar.level != 0)
225​ MouseArea {
226​ anchors.fill: parent
227​ onClicked: {
228​ if(metronomeOscillation.running)
229​ metronomeOscillation.stop()
230​ else
231​ metronomeOscillation.start()
232​ }
233​ }
234​
235​ Image {
236​ id: metronomeNeedle
237​ source: "qrc:/gcompris/src/activities/play_rhythm/resource/metronome_needle.svg"
238​ fillMode: Image.PreserveAspectFit
239​ width: parent.height
240​ height: parent.height
241​ anchors.centerIn: parent
242​ transformOrigin: Item.Bottom
243​ SequentialAnimation {
244​ id: metronomeOscillation
245​ loops: Animation.Infinite
246​ onStopped: metronomeNeedle.rotation = 0
247​ RotationAnimator {
248​ target: metronomeNeedle
249​ from: 0
250​ to: 12
251​ direction: RotationAnimator.Shortest
252​ duration: 463
253​ }
254​ ScriptAction {
255​ script: items.audioEffects.play("qrc:/gcompris/src/activities/play_rhythm/resource/click.wav")
256​ }
257​ RotationAnimator {
258​ target: metronomeNeedle
259​ from: 12
260​ to: 0
261​ direction: RotationAnimator.Shortest
262​ duration: 463
263​ }
264​ RotationAnimator {
265​ target: metronomeNeedle
266​ from: 0
267​ to: 348
268​ direction: RotationAnimator.Shortest
269​ duration: 463
270​ }
271​ ScriptAction {
272​ script: items.audioEffects.play("qrc:/gcompris/src/activities/play_rhythm/resource/click.wav")
273​ }
274​ RotationAnimator {
275​ target: metronomeNeedle
276​ from: 348
277​ to: 0
278​ direction: RotationAnimator.Shortest
279​ duration: 463
280​ }
281​ }
282​ }
283​ }
284​
285​ OptionsRow {
jjazeixUnsubmitted
Done

unused?

jjazeix: unused?
amankumarguptaAuthorUnsubmitted
Not Done

Removed

amankumargupta: Removed
286​ id: optionsRow
287​ visible: false
288​ }
289​
290​ DialogHelp {
291​ id: dialogHelp
292​ onClose: home()
293​ }
294​
295​ Bar {
296​ id: bar
297​ content: BarEnumContent { value: help | home | level | reload }
298​ onHelpClicked: {
299​ displayDialog(dialogHelp)
300​ }
301​ onPreviousLevelClicked: Activity.previousLevel()
302​ onNextLevelClicked: Activity.nextLevel()
303​ onHomeClicked: activity.home()
304​ onReloadClicked: {
305​ background.isRhythmPlaying = true
306​ Activity.initSubLevel()
307​ }
308​ }
309​
310​ Bonus {
311​ id: bonus
312​ Component.onCompleted: win.connect(Activity.nextSubLevel)
313​ }
314​ }
315​}