pong improvements

3 files changed, 22 insertions, 17 deletions

diff --git a/examples/declarative/follow/click.wav b/examples/declarative/follow/click.wav
new file mode 100644
index 0000000..26c46f8
--- /dev/null
+++ b/examples/declarative/follow/click.wav
diff --git a/examples/declarative/follow/paddle.wav b/examples/declarative/follow/paddle.wav
new file mode 100644
index 0000000..604e0e5
--- /dev/null
+++ b/examples/declarative/follow/paddle.wav
diff --git a/examples/declarative/follow/pong.qml b/examples/declarative/follow/pong.qml
index 10ded36..d39e913 100644
--- a/examples/declarative/follow/pong.qml
+++ b/examples/declarative/follow/pong.qml
@@ -3,24 +3,26 @@ import Qt 4.6
 Rectangle {
     id: page
     width: 640; height: 480
-    color: "#000000"
+    color: "Black"
 
     // Make a ball to bounce
     Rectangle {
         // Add a property for the target y coordinate
-        property var targetY : page.height-10
+        property var targetY : page.height - 10
         property var direction : "right"
 
         id: ball
-        color: "#00ee00"
+        color: "Lime"
         x: 20; width: 20; height: 20; z: 1
 
         // Move the ball to the right and back to the left repeatedly
         x: SequentialAnimation {
             running: true; repeat: true
-            NumberAnimation { to: page.width-40; duration: 2000 }
+            NumberAnimation { to: page.width - 40; duration: 2000 }
+            ScriptAction { script: Qt.playSound('paddle.wav') }
             PropertyAction { target: ball; property: "direction"; value: "left" }
             NumberAnimation { to: 20; duration: 2000 }
+            ScriptAction { script: Qt.playSound('paddle.wav') }
             PropertyAction { target: ball; property: "direction"; value: "right" }
         }
 
@@ -29,10 +31,13 @@ Rectangle {
 
         // Detect the ball hitting the top or bottom of the view and bounce it
         onYChanged: {
-            if (y <= 0)
-                targetY = page.height-20;
-            else if (y >= page.height-20)
+            if (y <= 0) {
+                Qt.playSound('click.wav');
+                targetY = page.height - 20;
+            } else if (y >= page.height - 20) {
+                Qt.playSound('click.wav');
                 targetY = 0;
+            }
         }
     }
 
@@ -40,17 +45,17 @@ Rectangle {
     // coordinates of the ball.
     Rectangle {
         id: leftBat
-        color: "#00ee00"
+        color: "Lime"
         x: 2; width: 20; height: 90
         y: SpringFollow {
-            source: ball.y-45; velocity: 300
+            source: ball.y - 45; velocity: 300
             enabled: ball.direction == 'left'
         }
     }
     Rectangle {
         id: rightBat
-        color: "#00ee00"
-        x: page.width-22; width: 20; height: 90
+        color: "Lime"
+        x: page.width - 22; width: 20; height: 90
         y: SpringFollow {
             source: ball.y-45; velocity: 300
             enabled: ball.direction == 'right'
@@ -58,12 +63,12 @@ Rectangle {
     }
 
     // The rest, to make it look realistic, if neither ever scores...
-    Rectangle { color: "#00ee00"; x: page.width/2-80; y: 0; width: 40; height: 60 }
-    Rectangle { color: "#000000"; x: page.width/2-70; y: 10; width: 20; height: 40 }
-    Rectangle { color: "#00ee00"; x: page.width/2+40; y: 0; width: 40; height: 60 }
-    Rectangle { color: "#000000"; x: page.width/2+50; y: 10; width: 20; height: 40 }
+    Rectangle { color: "Lime"; x: page.width/2-80; y: 0; width: 40; height: 60 }
+    Rectangle { color: "Black"; x: page.width/2-70; y: 10; width: 20; height: 40 }
+    Rectangle { color: "Lime"; x: page.width/2+40; y: 0; width: 40; height: 60 }
+    Rectangle { color: "Black"; x: page.width/2+50; y: 10; width: 20; height: 40 }
     Repeater {
-        model: page.height/20
-        Rectangle { color: "#00ee00"; x: page.width/2-5; y: index*20; width: 10; height: 10 }
+        model: page.height / 20
+        Rectangle { color: "Lime"; x: page.width/2-5; y: index * 20; width: 10; height: 10 }
     }
 }