corpus map physics repulser, attracter, scrambler are repositioning in canvas resive
This commit is contained in:
@@ -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
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user