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

This commit is contained in:
Bachir Soussi Chiadmi
2018-03-11 19:28:18 +01:00
parent 0f5d0d0884
commit a91cb144ec
2 changed files with 36 additions and 14 deletions
@@ -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
};
@@ -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
};