Differential D14713 Diff 39444 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​ spaceBetweenNotes: 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​ Image {
184​ id: tempo
185​ source: "qrc:/gcompris/src/activities/play_rhythm/resource/drumhead.png"
186​ width: horizontalLayout ? parent.width / 7 : parent.width / 4
187​ height: width / 2
188​ anchors.top: metronome.top
189​ anchors.horizontalCenter: parent.horizontalCenter
190​ MouseArea {
191​ anchors.fill: parent
192​ enabled: !background.isRhythmPlaying && !bonus.isPlaying && (!items.isWrongRhythm || multipleStaff.isPulseMarkerRunning)
193​ onPressed: tempo.tempoPressed()
194​ onReleased: tempo.scale = 1
195​ }
196​
197​ function tempoPressed() {
198​ tempo.scale = 0.85
199​ if(!multipleStaff.isMusicPlaying) {
200​ Activity.currentNote = 0
201​ multipleStaff.play()
202​ }
203​ if(!metronomeOscillation.running)
204​ items.audioEffects.play("qrc:/gcompris/src/activities/play_rhythm/resource/click.wav")
205​ Activity.checkAnswer(multipleStaff.pulseMarkerX)
206​ }
207​ }
208​
209​ Image {
210​ id: metronome
211​ source: "qrc:/gcompris/src/activities/play_rhythm/resource/metronome_stand.svg"
212​ fillMode: Image.PreserveAspectFit
213​ sourceSize.width: parent.width / 3
214​ sourceSize.height: parent.height / 4
215​ width: sourceSize.width
216​ height: sourceSize.height
217​ anchors.bottom: bar.top
218​ anchors.bottomMargin: 20
219​ visible: (bar.level % 2 == 0) && (bar.level != 0)
220​ MouseArea {
221​ anchors.fill: parent
222​ onClicked: {
223​ if(metronomeOscillation.running)
224​ metronomeOscillation.stop()
225​ else
226​ metronomeOscillation.start()
227​ }
228​ }
229​
230​ Image {
231​ id: metronomeNeedle
232​ source: "qrc:/gcompris/src/activities/play_rhythm/resource/metronome_needle.svg"
233​ fillMode: Image.PreserveAspectFit
234​ width: parent.height
235​ height: parent.height
236​ anchors.centerIn: parent
237​ transformOrigin: Item.Bottom
238​ SequentialAnimation {
239​ id: metronomeOscillation
240​ loops: Animation.Infinite
241​ onStopped: metronomeNeedle.rotation = 0
242​ RotationAnimator {
243​ target: metronomeNeedle
244​ from: 0
245​ to: 12
246​ direction: RotationAnimator.Shortest
247​ duration: 463
248​ }
249​ ScriptAction {
250​ script: items.audioEffects.play("qrc:/gcompris/src/activities/play_rhythm/resource/click.wav")
251​ }
252​ RotationAnimator {
253​ target: metronomeNeedle
254​ from: 12
255​ to: 0
256​ direction: RotationAnimator.Shortest
257​ duration: 463
258​ }
259​ RotationAnimator {
260​ target: metronomeNeedle
261​ from: 0
262​ to: 348
263​ direction: RotationAnimator.Shortest
264​ duration: 463
265​ }
266​ ScriptAction {
267​ script: items.audioEffects.play("qrc:/gcompris/src/activities/play_rhythm/resource/click.wav")
268​ }
269​ RotationAnimator {
270​ target: metronomeNeedle
271​ from: 348
272​ to: 0
273​ direction: RotationAnimator.Shortest
274​ duration: 463
275​ }
276​ }
277​ }
278​ }
279​
280​ DialogHelp {
281​ id: dialogHelp
282​ onClose: home()
283​ }
284​
285​ Bar {
286​ id: bar
jjazeixUnsubmitted
Done

unused?

jjazeix: unused?
amankumarguptaAuthorUnsubmitted
Not Done

Removed

amankumargupta: Removed
287​ content: BarEnumContent { value: help | home | level | reload }
288​ onHelpClicked: {
289​ displayDialog(dialogHelp)
290​ }
291​ onPreviousLevelClicked: Activity.previousLevel()
292​ onNextLevelClicked: Activity.nextLevel()
293​ onHomeClicked: activity.home()
294​ onReloadClicked: {
295​ background.isRhythmPlaying = true
296​ Activity.initSubLevel()
297​ }
298​ }
299​
300​ Bonus {
301​ id: bonus
302​ Component.onCompleted: win.connect(Activity.nextSubLevel)
303​ }
304​ }
305​}