Add bg music, intro and outro.

src/Player.qml

@@ -47,8 +47,35 @@ VisualizedBoxBody
     function stopLeft() { if (body.linearVelocity.x < 0) body.linearVelocity.x = 0; }
     function stopRight() { if (body.linearVelocity.x > 0) body.linearVelocity.x = 0; }
 
-    function say(text) {
-        saidWordsComponent.createObject(coordSys,{text: text, player: thePlayer});
+    function say(text, timeToLive) {
+        let ttL = timeToLive ? timeToLive : 1000
+        saidWordsComponent.createObject(coordSys,{text: text, player: thePlayer, ttl: ttL});
+    }
+
+    Timer {
+        id: dialogPlayer
+        property var dialog: []
+        property int idx: 0
+        onRunningChanged: {
+            thePlayer.active = !running;
+            if (running) idx = 0;
+        }
+        repeat: true
+        triggeredOnStart: true
+        onTriggered: {
+            if (idx < dialog.length) {
+                thePlayer.say(dialog[idx], interval);
+                idx++;
+            }
+            else
+                stop();
+        }
+    }
+
+    function speakDialog(lines, ttlPerSentence) {
+        dialogPlayer.dialog = lines;
+        dialogPlayer.interval = ttlPerSentence;
+        dialogPlayer.restart();
     }
 
     signal caughtSounding(var sounding);
@@ -82,6 +109,7 @@ VisualizedBoxBody
             id: saidWords
 
             property var player: thePlayer
+            property int ttl: 1000
             y: player ? player.y - height : 0
             x: player ? player.x - (width - player.width) * .5 : 0
 
@@ -91,9 +119,9 @@ VisualizedBoxBody
             font.bold: true
             font.family: "Monospace"
 
-            Component.onCompleted: opacity = 0;
-            Behavior on opacity {NumberAnimation {duration: 1000}}
-            onOpacityChanged: { if (opacity < 0.05) saidWords.destroy(); }
+            Component.onCompleted: opacity = 0.5;
+            Behavior on opacity {NumberAnimation {duration: ttl}}
+            onOpacityChanged: { if (opacity < 0.505) saidWords.destroy(); }
         }
     }
 }

src/Sandbox.qml

@@ -21,6 +21,7 @@
  *
  */
 import QtQuick 2.12
+import QtMultimedia 5.12
 import Box2D 2.0
 import Clayground.SvgUtils 1.0
 import Clayground.ScalingCanvas 1.0
@@ -75,10 +76,32 @@ CoordCanvas {
         }
     }
 
+    SoundEffect {
+        id: bgMusic
+        Component.onCompleted: play();
+        source: gameCfg.soundPath + "/bgmusic.wav"
+        loops: SoundEffect.Infinite
+    }
+
     function onPlayerEnteredStage() {
+        bgMusic.stop();
         theSheet.play();
-        player.say("Enjoy the Show!");
         player.active = false;
+        let dialog = ['Enjoy the Show!',
+                      'This is my new song ... ',
+                      '... thanks man!',
+                      'Unfortunately this game is such a ',
+                      'short experience, but you know ',
+                      'I had to start with nothing ;)',
+                      'Click on the screen to restart!' ];
+        player.speakDialog(dialog, 2000);
+    }
+
+    MouseArea {
+        anchors.fill: parent
+        z: 99
+        onClicked: {theSvgInspector.spawnLocation = "south"; theSvgInspector.map = "map1"}
+        //enabled: player ? (!player.active && theSvgInspector.map === "map3") : false
     }
 
     Keys.forwardTo: gameCtrl
@@ -214,6 +237,20 @@ CoordCanvas {
                     o.entered.connect(world.onPlayerEnteredStage);
                 }
             }
+            if (map === "map1") {
+                let dialog = ['Hi there, my name is Jimmy.',
+                              'How are you?',
+                              'I wanna compose a song ...',
+                              '... but have no ideas :(',
+                              'What about you Dude?',
+                              'Use the cursor keys or ',
+                              'the left anlog stick of your gamepad ',
+                              'Ok, let\'s go and compose!'
+                    ];
+                player.speakDialog(dialog, 2000);
+                theSheet.notes = [];
+                bgMusic.play();
+            }
         }
 
         function _changeMap(map, location) {

src/SheetOfMusic.qml

@@ -48,7 +48,7 @@ Rectangle {
     Timer {
         id: trackPlayer
 
-        interval: 400
+        interval: 700
         triggeredOnStart: true
         repeat: true
 

src/sound/sound.qrc

@@ -2,6 +2,7 @@
     <qresource prefix="/">
         <file>blue.wav</file>
         <file>green.wav</file>
+        <file>bgmusic.wav</file>
     </qresource>
 </RCC>