Javascript 向量簡單應用

本人學習基本上參考了他們三位，在這裡感謝他們的分享 當耐特專家 岑安 miloyip

向量

既有大小又有方向的量叫做向量（亦稱向量），與標量相對，用JS實現代碼如下，直接搬miloyip的了

        Vector2 = function(x, y) { this.x = x; this.y = y; };        Vector2.prototype = {            copy: function() { return new Vector2(this.x, this.y); },            length: function() { return Math.sqrt(this.x * this.x + this.y * this.y); },            sqrLength: function() { return this.x * this.x + this.y * this.y; },            normalize: function() { var inv = 1 / this.length(); return new Vector2(this.x * inv, this.y * inv); },            negate: function() { return new Vector2(-this.x, -this.y); },            add: function(v) { return new Vector2(this.x + v.x, this.y + v.y); },            subtract: function(v) { return new Vector2(this.x - v.x, this.y - v.y); },            multiply: function(f) { return new Vector2(this.x * f, this.y * f); },            divide: function(f) { var invf = 1 / f; return new Vector2(this.x * invf, this.y * invf); },            dot: function(v) { return this.x * v.x + this.y * v.y; }        };

實現效果

　　主要實現小方朝某個固定的方向移動，到達目的地後再分散開，重複上面兩個步驟。

　　為了實現物體朝某個點移動，這裡需要進行一個向量的計算

targetPos.subtract(obj.pos).normalize();

 　　如一個點(100,100)移動到目標點(200,200)，subtract()返回的就是一個向量,normalize()就是擷取單位向量，因為向量是有方向的，所以點也就知道移動的方向了。

效果示範