corpus map physics repulser, attracter, scrambler are repositioning in canvas resive

sites/all/modules/figli/edlp_corpus/assets/dist/scripts/corpus.min.js

@@ -95,7 +95,8 @@
       _canvas.height = window.innerHeight;
       for (var i = 0; i < _nodes.length; i++) {
         _nodes[i].onResizeCanvas();
-        // TODO: move _attracter and _repulser to the center again
+        // move _attracter and _repulser to the center again
+        resizePhysics();
       }
     };
 
@@ -141,18 +142,28 @@
     // |_| |_||_\_, /__/_\__/__/
     //          |__/
     function initPhysics(){
-      _attracter = _physics.makeParticle(1000, _canvas.width/2, _canvas.height/2);
+      _attracter = _physics.makeParticle(1000);
       _attracter.fixed = true;
-      _repulser_center = _physics.makeParticle(100, _canvas.width/2, _canvas.height/2);
+      _repulser_center = _physics.makeParticle(100);
       _repulser_center.fixed = true;
-      _scrambler_TL = _physics.makeParticle(100, -100, -100);
+      _scrambler_TL = _physics.makeParticle(100);
       _scrambler_TL.fixed = true;
-      _scrambler_TR = _physics.makeParticle(100, _canvas.width+100, -100);
+      _scrambler_TR = _physics.makeParticle(100);
       _scrambler_TR.fixed = true;
-      _scrambler_BR = _physics.makeParticle(100, _canvas.width+100, _canvas.height+100);
+      _scrambler_BR = _physics.makeParticle(100);
       _scrambler_BR.fixed = true;
-      _scrambler_BL = _physics.makeParticle(100, -100, _canvas.height+100);
+      _scrambler_BL = _physics.makeParticle(100);
       _scrambler_BL.fixed = true;
+      // move _attracter and _repulser on window resize
+      resizePhysics();
+    };
+    function resizePhysics(){
+      _attracter.position = {x:_canvas.width/2, y:_canvas.height/2};
+      _repulser_center.position = {x:_canvas.width/2, y:_canvas.height/2};
+      _scrambler_TL.position = {x:-100, y:-100};
+      _scrambler_TR.position = {x:_canvas.width+100, y:-100};
+      _scrambler_BR.position = {x:_canvas.width+100, y:_canvas.height+100};
+      _scrambler_BL.position = {x:-100, y:_canvas.height+100};
       // TODO: move _attracter and _repulser on window resize
     };
 

sites/all/modules/figli/edlp_corpus/assets/scripts/corpus.js

@@ -95,7 +95,8 @@
       _canvas.height = window.innerHeight;
       for (var i = 0; i < _nodes.length; i++) {
         _nodes[i].onResizeCanvas();
-        // TODO: move _attracter and _repulser to the center again
+        // move _attracter and _repulser to the center again
+        resizePhysics();
       }
     };
 
@@ -141,18 +142,28 @@
     // |_| |_||_\_, /__/_\__/__/
     //          |__/
     function initPhysics(){
-      _attracter = _physics.makeParticle(1000, _canvas.width/2, _canvas.height/2);
+      _attracter = _physics.makeParticle(1000);
       _attracter.fixed = true;
-      _repulser_center = _physics.makeParticle(100, _canvas.width/2, _canvas.height/2);
+      _repulser_center = _physics.makeParticle(100);
       _repulser_center.fixed = true;
-      _scrambler_TL = _physics.makeParticle(100, -100, -100);
+      _scrambler_TL = _physics.makeParticle(100);
       _scrambler_TL.fixed = true;
-      _scrambler_TR = _physics.makeParticle(100, _canvas.width+100, -100);
+      _scrambler_TR = _physics.makeParticle(100);
       _scrambler_TR.fixed = true;
-      _scrambler_BR = _physics.makeParticle(100, _canvas.width+100, _canvas.height+100);
+      _scrambler_BR = _physics.makeParticle(100);
       _scrambler_BR.fixed = true;
-      _scrambler_BL = _physics.makeParticle(100, -100, _canvas.height+100);
+      _scrambler_BL = _physics.makeParticle(100);
       _scrambler_BL.fixed = true;
+      // move _attracter and _repulser on window resize
+      resizePhysics();
+    };
+    function resizePhysics(){
+      _attracter.position = {x:_canvas.width/2, y:_canvas.height/2};
+      _repulser_center.position = {x:_canvas.width/2, y:_canvas.height/2};
+      _scrambler_TL.position = {x:-100, y:-100};
+      _scrambler_TR.position = {x:_canvas.width+100, y:-100};
+      _scrambler_BR.position = {x:_canvas.width+100, y:_canvas.height+100};
+      _scrambler_BL.position = {x:-100, y:_canvas.height+100};
       // TODO: move _attracter and _repulser on window resize
     };