Differential D14712 Diff 39451 src/activities/play_piano/PlayPiano.qml

Changeset View

Standalone View

View Options

src/activities/play_piano/PlayPiano.qml

  • This file was added.
1​/* GCompris - PlayPiano.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 QtQuick.Controls 1.5
24​import GCompris 1.0
25​import QtMultimedia 5.0
26​
27​import "../../core"
28​import "../piano_composition"
29​import "play_piano.js" as Activity
30​
31​ActivityBase {
32​ id: activity
33​
34​ onStart: focus = true
35​ onStop: {}
36​
37​ property bool horizontalLayout: width > height
38​
39​ pageComponent: Image {
40​ id: background
41​ anchors.fill: parent
42​ fillMode: Image.PreserveAspectCrop
43​ signal start
44​ signal stop
45​
46​ property string backgroundImagesUrl: ":/gcompris/src/activities/piano_composition/resource/background/"
47​ property var backgroundImages: directory.getFiles(backgroundImagesUrl)
48​
49​ Directory {
50​ id: directory
51​ }
52​
53​ source:{
54​ if(items.bar.level === 0)
55​ return "qrc" + backgroundImagesUrl + backgroundImages[0]
56​ else
57​ return "qrc" + backgroundImagesUrl + backgroundImages[(items.bar.level - 1) % backgroundImages.length]
58​ }
59​
60​ Component.onCompleted: {
61​ activity.start.connect(start)
62​ activity.stop.connect(stop)
63​ }
64​
65​ Keys.onPressed: {
66​ if(piano.whiteKeysEnabled && !iAmReady.visible) {
67​ if(event.key === Qt.Key_1) {
jjazeixUnsubmitted
Done

factorisation

jjazeix: factorisation
68​ piano.keyRepeater.itemAt(0).whiteKey.keyPressed()
69​ }
70​ if(event.key === Qt.Key_2) {
71​ piano.keyRepeater.itemAt(1).whiteKey.keyPressed()
72​ }
73​ if(event.key === Qt.Key_3) {
74​ piano.keyRepeater.itemAt(2).whiteKey.keyPressed()
75​ }
76​ if(event.key === Qt.Key_4) {
77​ piano.keyRepeater.itemAt(3).whiteKey.keyPressed()
78​ }
79​ if(event.key === Qt.Key_5) {
80​ piano.keyRepeater.itemAt(4).whiteKey.keyPressed()
81​ }
82​ if(event.key === Qt.Key_6) {
83​ piano.keyRepeater.itemAt(5).whiteKey.keyPressed()
jjazeixUnsubmitted
Not Done

instead of duplicating the check on the key values, you can have isWhiteKeyPressed and isBlackKeyPressed functions, each one having its keys

jjazeix: instead of duplicating the check on the key values, you can have isWhiteKeyPressed and…
84​ }
85​ if(event.key === Qt.Key_7) {
86​ piano.keyRepeater.itemAt(6).whiteKey.keyPressed()
87​ }
88​ if(event.key === Qt.Key_8) {
89​ piano.keyRepeater.itemAt(7).whiteKey.keyPressed()
90​ }
91​ if(event.key === Qt.Key_F1 && piano.blackKeysEnabled) {
92​ findBlackKey(1)
93​ }
94​ if(event.key === Qt.Key_F2 && piano.blackKeysEnabled) {
95​ findBlackKey(2)
96​ }
97​ if(event.key === Qt.Key_F3 && piano.blackKeysEnabled) {
98​ findBlackKey(3)
99​ }
100​ if(event.key === Qt.Key_F4 && piano.blackKeysEnabled) {
101​ findBlackKey(4)
102​ }
103​ if(event.key === Qt.Key_F5 && piano.blackKeysEnabled) {
104​ findBlackKey(5)
105​ }
106​ if(event.key === Qt.Key_Space) {
107​ multipleStaff.play()
108​ }
109​ if(event.key === Qt.Key_Backspace || event.key === Qt.Key_Delete) {
110​ Activity.undoPreviousAnswer()
111​ }
112​ }
113​ }
114​
115​ function findBlackKey(keyNumber) {
116​ for(var i = 0; keyNumber; i++) {
117​ if(piano.keyRepeater.itemAt(i) == undefined)
118​ break
119​ if(piano.keyRepeater.itemAt(i).blackKey.visible)
120​ keyNumber--
121​ if(!keyNumber)
jjazeixUnsubmitted
Done

use comparisons if you compare integers to 0

jjazeix: use comparisons if you compare integers to 0
122​ piano.keyRepeater.itemAt(i).blackKey.keyPressed()
123​ }
124​ }
125​
126​ // Add here the QML items you need to access in javascript
127​ QtObject {
128​ id: items
129​ property Item main: activity.main
130​ property alias background: background
131​ property GCSfx audioEffects: activity.audioEffects
132​ property alias multipleStaff: multipleStaff
133​ property alias piano: piano
134​ property alias bar: bar
135​ property alias bonus: bonus
136​ property alias score: score
137​ property alias iAmReady: iAmReady
138​ property alias introductoryAudioTimer: introductoryAudioTimer
139​ property alias parser: parser
140​ property string mode: "coloredNotes"
141​ }
142​
143​ onStart: {
144​ dialogActivityConfig.getInitialConfiguration()
145​ Activity.start(items)
146​ }
147​ onStop: { Activity.stop() }
148​
149​ property string clefType: (items.bar.level <= 5) ? "Treble" : "Bass"
150​
151​ Timer {
152​ id: introductoryAudioTimer
153​ interval: 4000
154​ onRunningChanged: {
155​ if(running)
156​ Activity.isIntroductoryAudioPlaying = true
157​ else {
158​ Activity.isIntroductoryAudioPlaying = false
159​ Activity.initSubLevel()
160​ }
161​ }
162​ }
163​
164​ JsonParser {
165​ id: parser
166​ }
167​
168​ Rectangle {
169​ anchors.fill: parent
170​ color: "black"
171​ opacity: 0.3
172​ visible: iAmReady.visible
173​ z: 10
174​ MouseArea {
175​ anchors.fill: parent
176​ }
177​ }
178​
179​ ReadyButton {
180​ id: iAmReady
181​ focus: true
182​ z: 10
183​ onClicked: {
184​ Activity.initLevel()
185​ }
186​ }
187​
188​ Score {
189​ id: score
190​ anchors.top: background.top
191​ anchors.bottom: undefined
192​ numberOfSubLevels: 5
193​ width: horizontalLayout ? parent.width / 10 : (parent.width - instruction.x - instruction.width - 1.5 * anchors.rightMargin)
194​ }
195​
196​ Rectangle {
197​ id: instruction
198​ radius: 10
199​ width: background.width * 0.6
200​ height: background.height / 9
201​ anchors.horizontalCenter: parent.horizontalCenter
202​ opacity: 0.8
203​ border.width: 6
204​ color: "white"
205​ border.color: "#87A6DD"
206​
207​ GCText {
208​ color: "black"
209​ z: 3
210​ anchors.fill: parent
211​ anchors.rightMargin: parent.width * 0.02
212​ anchors.leftMargin: parent.width * 0.02
213​ horizontalAlignment: Text.AlignHCenter
214​ verticalAlignment: Text.AlignVCenter
215​ fontSizeMode: Text.Fit
216​ wrapMode: Text.WordWrap
217​ text: qsTr("Click on the piano keys that match the given notes.")
218​ }
219​ }
220​
221​ MultipleStaff {
222​ id: multipleStaff
223​ width: horizontalLayout ? parent.width * 0.5 : parent.width * 0.8
224​ height: horizontalLayout ? parent.height * 0.85 : parent.height * 0.58
225​ nbStaves: 1
226​ clef: clefType
227​ coloredNotes: (items.mode === "coloredNotes") ? ['C', 'D', 'E', 'F', 'G', 'A', 'B'] : []
228​ isFlickable: false
229​ anchors.horizontalCenter: parent.horizontalCenter
230​ anchors.top: instruction.bottom
231​ anchors.topMargin: horizontalLayout ? parent.height * 0.02 : parent.height * 0.15
232​ onNoteClicked: {
233​ playNoteAudio(musicElementModel.get(noteIndex).noteName_, musicElementModel.get(noteIndex).noteType_, musicElementModel.get(noteIndex).soundPitch_)
234​ }
235​ centerNotesPosition: true
236​ }
237​
238​ PianoOctaveKeyboard {
239​ id: piano
240​ width: horizontalLayout ? parent.width * 0.3 : parent.width * 0.7
241​ height: horizontalLayout ? parent.height * 0.3 : parent.width * 0.26
242​ anchors.horizontalCenter: parent.horizontalCenter
243​ anchors.bottom: bar.top
244​ anchors.bottomMargin: 20
245​ blackLabelsVisible: ([4, 5, 9, 10].indexOf(items.bar.level) != -1)
246​ blackKeysEnabled: blackLabelsVisible && !multipleStaff.isMusicPlaying && !introductoryAudioTimer.running
247​ whiteKeysEnabled: !multipleStaff.isMusicPlaying && !introductoryAudioTimer.running
248​ whiteKeyNoteLabelsTreble: [ whiteKeyNoteLabelsArray.slice(18, 26) ]
249​ whiteKeyNoteLabelsBass: [ whiteKeyNoteLabelsArray.slice(11, 19)]
250​ onNoteClicked: {
251​ multipleStaff.playNoteAudio(note, "Quarter", clefType, 1000)
252​ Activity.checkAnswer(note)
253​ }
254​ useSharpNotation: true
255​ }
256​
257​ Rectangle {
258​ id: optionDeck
259​ width: optionsRow.changeAccidentalStyleButtonVisible ? optionsRow.iconsWidth * 5 : optionsRow.iconsWidth * 4
260​ height: optionsRow.iconsWidth * 1.7
261​ border.width: 2
262​ border.color: "black"
263​ color: "black"
264​ opacity: 0.5
265​ radius: 10
266​ y: horizontalLayout ? background.height / 2 - height : instruction.height + 10
267​ x: horizontalLayout ? background.width - width - 25 : background.width / 2 - width / 2
268​ }
269​
270​ OptionsRow {
271​ id: optionsRow
272​ anchors.top: optionDeck.top
273​ anchors.topMargin: 15
274​ anchors.horizontalCenter: optionDeck.horizontalCenter
275​ iconsWidth: horizontalLayout ? Math.min(50, (background.width - piano.x - piano.width) / 5) : 45
276​
277​ playButtonVisible: true
278​ undoButtonVisible: true
279​
280​ onUndoButtonClicked: Activity.undoPreviousAnswer()
281​ }
282​
283​ ExclusiveGroup {
284​ id: configOptions
285​ }
286​
287​ DialogActivityConfig {
288​ id: dialogActivityConfig
289​ content: Component {
290​ Column {
291​ id: column
292​ spacing: 5
293​ width: dialogActivityConfig.width
294​ height: dialogActivityConfig.height
295​
296​ property alias coloredNotesModeBox: coloredNotesModeBox
297​ property alias colorlessNotesModeBox: colorlessNotesModeBox
298​
299​ GCDialogCheckBox {
300​ id: coloredNotesModeBox
301​ width: column.width - 50
302​ text: qsTr("Display colored notes.")
303​ checked: items.mode === "coloredNotes"
304​ exclusiveGroup: configOptions
305​ onCheckedChanged: {
306​ if(coloredNotesModeBox.checked) {
307​ items.mode = "coloredNotes"
308​ }
309​ }
310​ }
311​
312​ GCDialogCheckBox {
313​ id: colorlessNotesModeBox
314​ width: coloredNotesModeBox.width
315​ text: qsTr("Display colorless notes.")
316​ checked: items.mode === "colorlessNotes"
317​ exclusiveGroup: configOptions
318​ onCheckedChanged: {
319​ if(colorlessNotesModeBox.checked) {
320​ items.mode = "colorlessNotes"
321​ }
322​ }
323​ }
324​ }
325​ }
326​ onLoadData: {
327​ if(dataToSave && dataToSave["mode"])
328​ items.mode = dataToSave["mode"]
329​ }
330​ onSaveData: dataToSave["mode"] = items.mode
331​ onClose: {
332​ home()
333​ }
334​ onVisibleChanged: {
335​ multipleStaff.eraseAllNotes()
336​ iAmReady.visible = true
337​ }
338​ }
339​
340​ DialogHelp {
341​ id: dialogHelp
342​ onClose: home()
343​ }
344​
345​ Bar {
346​ id: bar
347​ content: BarEnumContent { value: help | home | level | config | reload }
348​ onHelpClicked: displayDialog(dialogHelp)
349​ onPreviousLevelClicked: Activity.previousLevel()
350​ onNextLevelClicked: Activity.nextLevel()
351​ onHomeClicked: activity.home()
352​ onConfigClicked: {
353​ dialogActivityConfig.active = true
354​ displayDialog(dialogActivityConfig)
355​ }
356​ onReloadClicked: {
357​ multipleStaff.eraseAllNotes()
358​ iAmReady.visible = true
359​ }
360​ }
361​
362​ Bonus {
363​ id: bonus
364​ Component.onCompleted: win.connect(Activity.nextSubLevel)
365​ }
366​ }
367​}