Skip to content

C
clinicaltrials
Commit a8b9992f authored by Romain Loth's avatar Romain Loth
Browse files
Options

reconnect the selector's trackMouse to mousemove (looking for ways to optimize it)

parent c8e679b7
Show whitespace changes
Inline Side-by-side
Showing with 78 additions and 50 deletions
extras_explorerjs.js
View file @ a8b9992f
......@@ -428,69 +428,82 @@ function draw1Circle(ctx , x , y , color) {
}
// show Selector circle
// --------------------
// new sigma.js: could be replaced by default _moveHandler with bindings ?
// => atm rewrote entire function with new values (check if not needed recentering coords)
// => atm rewrote entire function with new values
function trackMouse(e) {
if(!shift_key) {
// $.doTimeout(300,function (){
// var ctx = TW.partialGraph._core.domElements.mouse.getContext('2d');
// new sigma.js 2D mouse context
var ctx = TW.partialGraph.renderers[0].contexts.mouse;
ctx.globalCompositeOperation = "source-over";
// ctx.clearRect(0, 0, TW.partialGraph._core.domElements.nodes.width, TW.partialGraph._core.domElements.nodes.height);
// clear zone each time to prevent repeated frame artifacts
ctx.clearRect(0, 0,
TW.partialGraph.renderers[0].container.offsetWidth,
TW.partialGraph.renderers[0].container.offsetHeight);
// testing with overNodes event
// cf. https://github.com/jacomyal/sigma.js/wiki/Events-API
if (e.type == "overNodes") {
x = e.data.captor.clientX
y = e.data.captor.clientY
}
// classic mousemove event or other similar events
else {
x = sigma.utils.getX(e);
y = sigma.utils.getY(e);
}
// console.log("trackMouse mod: x", x, "y", y)
ctx.strokeStyle = '#000';
ctx.lineWidth = 1;
// ctx.fillStyle = "#71C3FF";
ctx.fillStyle = "#F20";
ctx.fillStyle = "#71C3FF";
ctx.globalAlpha = 0.5;
ctx.beginPath();
// labels appear
var nds = TW.partialGraph.graph.nodes()
if(TW.partialGraph.camera.ratio>showLabelsIfZoom){
for(var i in nds){
n=nds[i];
if(n.hidden==false){
distance = Math.sqrt(
Math.pow((x-parseInt(n.displayX)),2) +
Math.pow((y-parseInt(n.displayY)),2)
);
if(parseInt(distance)<=cursor_size) {
n.forceLabel=true;
} else {
if(typeof(n.neighbour)!=="undefined") {
if(!n.neighbour) n.forceLabel=false;
} else n.forceLabel=false;
}
}
}
if(TW.partialGraph.forceatlas2 && TW.partialGraph.forceatlas2.count<=1) {
TW.partialGraph.refresh({skipIndexation:true})
}
} else {
for(var i in nds){
n=nds[i];
if(!n.hidden){
n.forceLabel=false;
if(typeof(n.neighbour)!=="undefined") {
if(!n.neighbour) n.forceLabel=false;
else n.forceLabel=true;
} else n.forceLabel=false;
}
}
if(TW.partialGraph.forceatlas2 && TW.partialGraph.forceatlas2.count<=1) {
TW.partialGraph.refresh({skipIndexation:true})
}
}
// TODO replace by a hover binding (and POSS use quadtree zone)
//
// if(TW.partialGraph.camera.ratio>showLabelsIfZoom){
// for(var i in nds){
// n=nds[i];
// if(n.hidden==false){
// distance = Math.sqrt(
// Math.pow((x-parseInt(n.displayX)),2) +
// Math.pow((y-parseInt(n.displayY)),2)
// );
// if(parseInt(distance)<=cursor_size) {
// n.forceLabel=true;
// } else {
// if(typeof(n.neighbour)!=="undefined") {
// if(!n.neighbour) n.forceLabel=false;
// } else n.forceLabel=false;
// }
// }
// }
// if(TW.partialGraph.forceatlas2 && TW.partialGraph.forceatlas2.count<=1) {
// TW.partialGraph.refresh({skipIndexation:true})
// }
// } else {
// for(var i in nds){
// n=nds[i];
// if(!n.hidden){
// n.forceLabel=false;
// if(typeof(n.neighbour)!=="undefined") {
// if(!n.neighbour) n.forceLabel=false;
// else n.forceLabel=true;
// } else n.forceLabel=false;
// }
// }
// if(TW.partialGraph.forceatlas2 && TW.partialGraph.forceatlas2.count<=1) {
// TW.partialGraph.refresh({skipIndexation:true})
// }
// }
ctx.arc(x, y, cursor_size, 0, Math.PI * 2, true);
//ctx.arc(TW.partialGraph._core.width/2, TW.partialGraph._core.height/2, 4, 0, 2 * Math.PI, true);/*todel*/
ctx.closePath();
......
tinawebJS/Tinaweb.js
View file @ a8b9992f
......@@ -810,12 +810,27 @@ TinaWebJS = function ( sigmacanvas ) {
// Simple Click
// external usage: SelectorEngine()
// $("#sigma-example")
// .mousemove(function(event){
$("#sigma-example")
.mousemove(function(event){
if(!isUndef(partialGraph)) {
if(cursor_size>0) trackMouse(event);
}
})
// TW.partialGraph.bind('overNode', function(e) {
// if(!isUndef(partialGraph)) {
// if(cursor_size>0) trackMouse(event);
// }
// })
// TW.partialGraph.bind('overNodes', function(e) {
// if(!isUndef(partialGraph)) {
// if(cursor_size>0) trackMouse(event);
// }
// })
// .contextmenu(function(){
// return false;
// })
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment