Added MoveTo curve construct for path jumping.

Author: photonstorm

v3/src/paths/MoveTo.js

@@ -0,0 +1,50 @@
+var Class = require('../utils/Class');
+var Vector2 = require('../math/Vector2');
+
+var MoveTo = new Class({
+
+    initialize:
+
+    function MoveTo (x, y)
+    {
+        //  Skip length calcs in paths
+        this.active = false;
+
+        this.p0 = new Vector2(x, y);
+    },
+
+    getPoint: function (t, out)
+    {
+        if (out === undefined) { out = new Vector2(); }
+
+        return out.copy(this.p0);
+    },
+
+    getPointAt: function (u, out)
+    {
+        return this.getPoint(u, out);
+    },
+
+    getResolution: function ()
+    {
+        return 1;
+    },
+
+    getLength: function ()
+    {
+        return 0;
+    },
+
+    toJSON: function ()
+    {
+        return {
+            type: 'MoveTo',
+            points: [
+                this.p0.x, this.p0.y
+            ]
+        };
+    }
+
+});
+
+module.exports = MoveTo;

v3/src/paths/Path.js

@@ -5,6 +5,7 @@ var CubicBezierCurve = require('./curves/cubicbezier/CubicBezierCurve');
 var EllipseCurve = require('./curves/ellipse/EllipseCurve');
 var GameObjectFactory = require('../scene/plugins/GameObjectFactory');
 var LineCurve = require('./curves/line/LineCurve');
+var MoveTo = require('./MoveTo');
 var SplineCurve = require('./curves/spline/SplineCurve');
 var Vector2 = require('../math/Vector2');
 
@@ -31,6 +32,11 @@ var Path = new Class({
         this.startPoint = new Vector2(x, y);
     },
 
+    moveTo: function (x, y)
+    {
+        this.add(new MoveTo(x, y));
+    },
+
     //  Creates a line curve from the previous end point to x/y
     lineTo: function (x, y)
     {
@@ -99,6 +105,13 @@ var Path = new Class({
         return this.add(ellipse);
     },
 
+    circleTo: function (radius, clockwise, rotation)
+    {
+        if (clockwise === undefined) { clockwise = false; }
+
+        return this.ellipseTo(radius, radius, 0, 360, clockwise, rotation);
+    },
+
     toJSON: function ()
     {
         var out = [];
@@ -179,8 +192,6 @@ var Path = new Class({
         var curveLengths = this.getCurveLengths();
         var i = 0;
 
-        // To think about boundaries points.
-
         while (i < curveLengths.length)
         {
             if (curveLengths[i] >= d)
@@ -201,10 +212,6 @@ var Path = new Class({
         return null;
     },
 
-    // We cannot use the default THREE.Curve getPoint() with getLength() because in
-    // THREE.Curve, getLength() depends on getPoint() but in THREE.CurvePath
-    // getPoint() depends on getLength
-
     getLength: function ()
     {
         var lens = this.getCurveLengths();
@@ -215,15 +222,11 @@ var Path = new Class({
     // cacheLengths must be recalculated.
     updateArcLengths: function ()
     {
-        this.needsUpdate = true;
-        this.cacheLengths = null;
+        this.cacheLengths = [];
 
         this.getCurveLengths();
     },
 
-    // Compute lengths and cache them
-    // We cannot overwrite getLengths() because UtoT mapping uses it.
-
     getCurveLengths: function ()
     {
         // We use cache values if curves and cache array are same length
@@ -281,6 +284,11 @@ var Path = new Class({
         {
             var curve = this.curves[i];
 
+            if (!curve.active)
+            {
+                continue;
+            }
+
             var resolution = curve.getResolution(divisions);
 
             var pts = curve.getPoints(resolution);
@@ -313,7 +321,14 @@ var Path = new Class({
     {
         for (var i = 0; i < this.curves.length; i++)
         {
-            this.curves[i].draw(graphics, pointsTotal);
+            var curve = this.curves[i];
+
+            if (!curve.active)
+            {
+                continue;
+            }
+
+            curve.draw(graphics, pointsTotal);
         }
 
         return graphics;

v3/src/paths/curves/Curve.js

@@ -25,6 +25,8 @@ var Curve = new Class({
         this.cacheArcLengths = [];
 
         this.needsUpdate = true;
+
+        this.active = true;
     },
 
     getBounds: function (out)