Rope.segments used the wrong vertices property, causing a runtime error.

Debug.ropeSegments didn't take the scale of the Rope object into consideration, causing incorrect debug rendering.

Author: photonstorm

README.md

@@ -425,6 +425,8 @@ Version 2.4 - "Katar" - in dev
 * Text.addColor would incorrectly color the text stroke if set (thanks @llevkin #1893)
 * Setting the scaleMode property of a Game configuration object would cause a ScaleManager TypeError in the resize method. It now stores the scale mode locally and applies it after boot (thanks @Mickawesomesque #1534)
 * Device.windowsPhone should now correctly identify Windows Phone 8.1 devices, which also think they are iOS and Androids. If you find a device that gets around this check please send us its ua string! (thanks @jounii #1496)
+* Rope.segments used the wrong vertices property, causing a runtime error.
+* Debug.ropeSegments didn't take the scale of the Rope object into consideration, causing incorrect debug rendering.
 
 ### Deprecated
 

src/gameobjects/Rope.js

@@ -208,20 +208,21 @@ Object.defineProperty(Phaser.Rope.prototype, "segments", {
         {
             index = i * 4;
 
-            x1 = this.verticies[index];
-            y1 = this.verticies[index + 1];
-            x2 = this.verticies[index + 4];
-            y2 = this.verticies[index + 3];
+            x1 = this.vertices[index] * this.scale.x;
+            y1 = this.vertices[index + 1] * this.scale.y;
+            x2 = this.vertices[index + 4] * this.scale.x;
+            y2 = this.vertices[index + 3] * this.scale.y;
 
-            width = Phaser.Math.difference(x1,x2);
-            height = Phaser.Math.difference(y1,y2);
+            width = Phaser.Math.difference(x1, x2);
+            height = Phaser.Math.difference(y1, y2);
 
             x1 += this.world.x;
             y1 += this.world.y;
-            rect = new Phaser.Rectangle(x1,y1, width, height);
+            rect = new Phaser.Rectangle(x1, y1, width, height);
             segments.push(rect);
         }
 
         return segments;
     }
+
 });

src/utils/Debug.js

@@ -443,14 +443,14 @@ Phaser.Utils.Debug.prototype = {
     },
 
     /**
-    * Renders the Rope's segments. Note: This is really expensive as it has to calculate new segments everytime you call it
+    * Renders the Rope's segments. Note: This is really expensive as it has to calculate new segments every time you call it
     *
     * @method Phaser.Utils.Debug#ropeSegments
     * @param {Phaser.Rope} rope - The rope to display the segments of.
     * @param {string} [color] - Color of the debug info to be rendered (format is css color string).
     * @param {boolean} [filled=true] - Render the rectangle as a fillRect (default, true) or a strokeRect (false)
     */
-    ropeSegments: function(rope, color, filled) {
+    ropeSegments: function (rope, color, filled) {
 
         var segments = rope.segments;