Mercurial Mercurial > mons / comparison
summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help
Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
annot-server/static/js/pianoroll.js
changeset 49 5c1702e8d2a4
parent 48 a7abfcfd7959
child 50 5ff6273e3626
equal deleted inserted replaced
48:a7abfcfd7959 49:5c1702e8d2a4 
    95 graphics.moveTo(0, prHeight1);
 
    95 graphics.moveTo(0, prHeight1);
 
    96 graphics.lineTo(sceneWidth, prHeight1);
 
    96 graphics.lineTo(sceneWidth, prHeight1);
 
    97 graphics.endFill();
 
    97 graphics.endFill();
 
    98 stage.addChild(graphics);
 
    98 stage.addChild(graphics);
 
    99 
    99 
   100 function moveContainer() {
 
   100 
       
   101 function moveContainer(){
 
   101     container1.x -= pixelsPerSecond1/manualFramerate;
 
   102     container1.x -= pixelsPerSecond1/manualFramerate;
 
   102     container2.x -= pixelsPerSecond2/manualFramerate;
 
   103     container2.x -= pixelsPerSecond2/manualFramerate;
 
   103     renderer.render(stage);
 
   104     renderer.render(stage);
 
   104 }
 
   105 }
 
   105 function moveContainerMore() {
 
   106 function replaceContainers(){
 
       
   107     var diff = (Date.now() - timePageLoaded)/1000;// nb of seconds since page loaded
 
       
   108     //console.log("replace ! diff1 = ", container1.x - Math.floor(-diff*pixelsPerSecond1), ", diff 2 = ", container2.x - Math.floor(-diff*pixelsPerSecond2));
 
       
   109     container1.x = Math.floor(-diff*pixelsPerSecond1);
 
       
   110     container2.x = Math.floor(-diff*pixelsPerSecond2);
 
       
   111     renderer.render(stage);
 
       
   112 }
 
       
   113 function moveContainerMore(){
 
   106     container1.x -= 50*(pixelsPerSecond1/manualFramerate);
 
   114     container1.x -= 50*(pixelsPerSecond1/manualFramerate);
 
   107     container2.x -= 50*(pixelsPerSecond2/manualFramerate);
 
   115     container2.x -= 50*(pixelsPerSecond2/manualFramerate);
 
   108     renderer.render(stage);
 
   116     renderer.render(stage);
 
   109 }
 
   117 }
 
   110 function moveContainerRight() {
 
   118 function moveContainerRight(){
 
   111     container1.x += 50*(pixelsPerSecond1/manualFramerate);
 
   119     container1.x += 50*(pixelsPerSecond1/manualFramerate);
 
   112     container2.x += 50*(pixelsPerSecond2/manualFramerate);
 
   120     container2.x += 50*(pixelsPerSecond2/manualFramerate);
 
   113     renderer.render(stage);
 
   121     renderer.render(stage);
 
   114 }
 
   122 }
 
   115 
   123 
   160     if(logger){
 
   168     if(logger){
 
   161         ellog.innerHTML += m + '\n';
 
   169         ellog.innerHTML += m + '\n';
 
   162         ellog.scrollTop = ellog.scrollHeight;
 
   170         ellog.scrollTop = ellog.scrollHeight;
 
   163     }
 
   171     }
 
   164 }
 
   172 }
 
   165 window.onload = function() {
 
   173 window.onload = function(){
 
   166 
   174 
   167     if(logger){
 
   175     if(logger){
 
   168         ellog = document.getElementById('log');
 
   176         ellog = document.getElementById('log');
 
   169     }
 
   177     }
 
   170     else{
 
   178     else{
 
   185        log("Browser does not support WebSocket!");
 
   193        log("Browser does not support WebSocket!");
 
   186        window.location = "http://autobahn.ws/unsupportedbrowser";
 
   194        window.location = "http://autobahn.ws/unsupportedbrowser";
 
   187     }
 
   195     }
 
   188 
   196 
   189     if (sock) {
 
   197     if (sock) {
 
   190        sock.onopen = function() {
 
   198        sock.onopen = function(){
 
   191            if(logger){
 
   199            if(logger){
 
   192                log("Connected to " + wsuri);
 
   200                log("Connected to " + wsuri);
 
   193            }
 
   201            }
 
   194        }
 
   202        }
 
   195 
   203 
   245     t.x = x + 2;
 
   253     t.x = x + 2;
 
   246     t.y = 2;
 
   254     t.y = 2;
 
   247     container2.addChild(t);
 
   255     container2.addChild(t);
 
   248 }
 
   256 }
 
   249 addLine();
 
   257 addLine();
 
   250 var moveInterval = window.setInterval(moveContainer, 1000/manualFramerate);
 
   258 var moveInterval = window.setInterval(replaceContainers, 1000/manualFramerate);
 
       
   259 // To be sure of synchronism, we replace the container with time calculting every minute
 
       
   260 //var replaceInterval = window.setInterval(replaceContainers, 60*1000);
 
   251 var verticalLinesInterval = false;
 
   261 var verticalLinesInterval = false;
 
   252 if(drawVerticalLines){
 
   262 if(drawVerticalLines){
 
   253     verticalLinesInterval = window.setInterval(addLine, lineInterval);
 
   263     verticalLinesInterval = window.setInterval(addLine, lineInterval);
 
   254 }
 
   264 }
 
   255 var nbSec = 0;
 
   265 var nbSec = 0;
mons