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; _canvas.height = window.innerHeight;
for (var i = 0; i < _nodes.length; i++) { for (var i = 0; i < _nodes.length; i++) {
_nodes[i].onResizeCanvas(); _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(){ function initPhysics(){
_attracter = _physics.makeParticle(1000, _canvas.width/2, _canvas.height/2); _attracter = _physics.makeParticle(1000);
_attracter.fixed = true; _attracter.fixed = true;
_repulser_center = _physics.makeParticle(100, _canvas.width/2, _canvas.height/2); _repulser_center = _physics.makeParticle(100);
_repulser_center.fixed = true; _repulser_center.fixed = true;
_scrambler_TL = _physics.makeParticle(100, -100, -100); _scrambler_TL = _physics.makeParticle(100);
_scrambler_TL.fixed = true; _scrambler_TL.fixed = true;
_scrambler_TR = _physics.makeParticle(100, _canvas.width+100, -100); _scrambler_TR = _physics.makeParticle(100);
_scrambler_TR.fixed = true; _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_BR.fixed = true;
_scrambler_BL = _physics.makeParticle(100, -100, _canvas.height+100); _scrambler_BL = _physics.makeParticle(100);
_scrambler_BL.fixed = true; _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 // TODO: move _attracter and _repulser on window resize
}; };
@@ -95,7 +95,8 @@
_canvas.height = window.innerHeight; _canvas.height = window.innerHeight;
for (var i = 0; i < _nodes.length; i++) { for (var i = 0; i < _nodes.length; i++) {
_nodes[i].onResizeCanvas(); _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(){ function initPhysics(){
_attracter = _physics.makeParticle(1000, _canvas.width/2, _canvas.height/2); _attracter = _physics.makeParticle(1000);
_attracter.fixed = true; _attracter.fixed = true;
_repulser_center = _physics.makeParticle(100, _canvas.width/2, _canvas.height/2); _repulser_center = _physics.makeParticle(100);
_repulser_center.fixed = true; _repulser_center.fixed = true;
_scrambler_TL = _physics.makeParticle(100, -100, -100); _scrambler_TL = _physics.makeParticle(100);
_scrambler_TL.fixed = true; _scrambler_TL.fixed = true;
_scrambler_TR = _physics.makeParticle(100, _canvas.width+100, -100); _scrambler_TR = _physics.makeParticle(100);
_scrambler_TR.fixed = true; _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_BR.fixed = true;
_scrambler_BL = _physics.makeParticle(100, -100, _canvas.height+100); _scrambler_BL = _physics.makeParticle(100);
_scrambler_BL.fixed = true; _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 // TODO: move _attracter and _repulser on window resize
}; };