pianoroll/app.js
author cavaliet
Mon, 13 Oct 2014 19:05:09 +0200
changeset 17 4dd9a96a6d3b
parent 16 3343e89b04a1
child 18 517e343a86eb
permissions -rw-r--r--
time information and keyboard drawn
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
14
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
     1
var sock = null;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
     2
var ellog = null;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
     3
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
     4
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
     5
function log(m) {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
     6
   ellog.innerHTML += m + '\n';
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
     7
   ellog.scrollTop = ellog.scrollHeight;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
     8
};
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
     9
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    10
//Config vars
15
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    11
var sceneWidth = 1000;
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    12
var sceneHeight = 128 * 4; // multiple of 128 because of 128 levels in midi signals ->  better look
14
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    13
var sceneBgColor = 0x66FF99;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    14
var manualFramerate = 24;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    15
var pixelsPerSecond = 50; // nb of pixels per second
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    16
var lineInterval = 2000; // means line every 2 seconds
17
4dd9a96a6d3b time information and keyboard drawn
cavaliet
parents: 16
diff changeset
    17
var nbLines = -1;
15
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    18
//var speed = 1; // container -x position at each frame. Speed = 1 ~ 100px for 2 seconds
14
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    19
var zeroTime = new Date("2014-10-06T12:16:43.000000Z").getTime();
15
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    20
var noteDict = {};
17
4dd9a96a6d3b time information and keyboard drawn
cavaliet
parents: 16
diff changeset
    21
var drawPianoNotes = [1,0,1,0,1,1,0,1,0,1,0,1];//Do, Do#, Ré, Ré#, Mi, Fa, Fa#, Sol, Sol#, La, La#, Si
14
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    22
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    23
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    24
//create an new instance of a pixi stage
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    25
var stage = new PIXI.Stage(sceneBgColor);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    26
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    27
//create a renderer instance.
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    28
var renderer = PIXI.autoDetectRenderer(sceneWidth, sceneHeight);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    29
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    30
//add the renderer view element to the DOM
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    31
document.body.appendChild(renderer.view);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    32
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    33
//requestAnimFrame( animate );
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    34
15
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    35
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    36
//Draw 127 lines
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    37
var delta = sceneHeight / 128;
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    38
for(var i=1;i<128;i++){
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    39
  var graphics = new PIXI.Graphics();
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    40
  graphics.beginFill(0xFFFF00);
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    41
  graphics.lineStyle(1, 0xAAAAAA);
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    42
  var y = delta * i;
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    43
  graphics.moveTo(0, y);
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    44
  graphics.lineTo(sceneWidth, y);
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    45
  graphics.endFill();
17
4dd9a96a6d3b time information and keyboard drawn
cavaliet
parents: 16
diff changeset
    46
  stage.addChild(graphics);
4dd9a96a6d3b time information and keyboard drawn
cavaliet
parents: 16
diff changeset
    47
}
4dd9a96a6d3b time information and keyboard drawn
cavaliet
parents: 16
diff changeset
    48
//Draw 127 lines
4dd9a96a6d3b time information and keyboard drawn
cavaliet
parents: 16
diff changeset
    49
for(var i=0;i<128;i++){
4dd9a96a6d3b time information and keyboard drawn
cavaliet
parents: 16
diff changeset
    50
  var graphics = new PIXI.Graphics();
4dd9a96a6d3b time information and keyboard drawn
cavaliet
parents: 16
diff changeset
    51
  var color = drawPianoNotes[i%12]==1 ? 0xFFFFFF : 0x000000;
4dd9a96a6d3b time information and keyboard drawn
cavaliet
parents: 16
diff changeset
    52
  if(i==60){
4dd9a96a6d3b time information and keyboard drawn
cavaliet
parents: 16
diff changeset
    53
      color = 0xFFD700;
4dd9a96a6d3b time information and keyboard drawn
cavaliet
parents: 16
diff changeset
    54
  }
4dd9a96a6d3b time information and keyboard drawn
cavaliet
parents: 16
diff changeset
    55
  graphics.beginFill(color);
4dd9a96a6d3b time information and keyboard drawn
cavaliet
parents: 16
diff changeset
    56
  graphics.lineStyle(1, 0xAAAAAA);
4dd9a96a6d3b time information and keyboard drawn
cavaliet
parents: 16
diff changeset
    57
  var y = sceneHeight - delta * (i+1);
4dd9a96a6d3b time information and keyboard drawn
cavaliet
parents: 16
diff changeset
    58
  graphics.drawRect(0, y, 20, delta);
4dd9a96a6d3b time information and keyboard drawn
cavaliet
parents: 16
diff changeset
    59
  graphics.endFill();
15
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    60
  stage.addChild(graphics);
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    61
}
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    62
14
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    63
var uberContainer = new PIXI.DisplayObjectContainer();
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    64
uberContainer.position.x = Math.floor(sceneWidth*4/5);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    65
uberContainer.position.y = 0;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    66
stage.addChild(uberContainer);
15
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    67
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    68
14
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    69
var container = new PIXI.DisplayObjectContainer();
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    70
container.position.x = 0;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    71
container.position.y = 0;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    72
uberContainer.addChild(container);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    73
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    74
//create a texture from an image path
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    75
var texture = PIXI.Texture.fromImage("bunny.png");
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    76
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    77
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    78
/*function animate() {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    79
    requestAnimFrame( animate );
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    80
    // just for fun, lets rotate mr rabbit a little
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    81
    //bunny.rotation += 0.1;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    82
    container.x -= speed;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    83
    //console.log("container.x = ", container.x);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    84
    // render the stage  
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    85
    renderer.render(stage);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    86
}*/
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    87
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    88
function moveContainer() {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    89
    container.x -= pixelsPerSecond/manualFramerate;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    90
    renderer.render(stage);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    91
}
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    92
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    93
function addBunny(data){
15
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    94
    var note = data.content[3];
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    95
    var velocity = data.content[4];
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    96
    if(velocity===0){
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    97
        if(note in noteDict){
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    98
            // We close the note
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    99
            var beginTime = new Date(noteDict[note].ts).getTime();
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   100
            var beginDelta = beginTime - zeroTime;
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   101
            var durationDelta = new Date(data.ts).getTime() - beginTime;
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   102
            var beginX = beginDelta * pixelsPerSecond / 1000;
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   103
            var width = durationDelta * pixelsPerSecond / 1000;
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   104
            // We draw the rectangle
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   105
            var graphics = new PIXI.Graphics();
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   106
            graphics.beginFill(0x0000AA, (noteDict[note].velocity / 128));
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   107
            var y = (128-note) * sceneHeight / 128; // (128-note) because y = 0 is for note = 128 and y = 128 for note = 0
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   108
            graphics.drawRect(beginX, y, width, sceneHeight / 128);
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   109
            graphics.endFill();
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   110
            container.addChild(graphics);
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   111
            delete noteDict[note];
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   112
        }
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   113
    }
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   114
    else{
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   115
        noteDict[note] = {ts: data.ts, velocity:velocity};
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   116
    }
14
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   117
}
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   118
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   119
window.onload = function() {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   120
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   121
    ellog = document.getElementById('log');
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   122
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   123
    var wsuri;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   124
    if (window.location.protocol === "file:") {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   125
       wsuri = "ws://127.0.0.1:8090/broadcast";
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   126
    } else {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   127
       wsuri = "ws://" + window.location.hostname + ":8090/broadcast";
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   128
    }
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   129
    if ("WebSocket" in window) {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   130
       sock = new WebSocket(wsuri);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   131
    } else if ("MozWebSocket" in window) {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   132
       sock = new MozWebSocket(wsuri);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   133
    } else {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   134
       log("Browser does not support WebSocket!");
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   135
       window.location = "http://autobahn.ws/unsupportedbrowser";
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   136
    }
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   137
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   138
    if (sock) {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   139
       sock.onopen = function() {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   140
          log("Connected to " + wsuri);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   141
       }
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   142
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   143
       sock.onclose = function(e) {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   144
          log("Connection closed (wasClean = " + e.wasClean + ", code = " + e.code + ", reason = '" + e.reason + "')");
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   145
          sock = null;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   146
       }
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   147
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   148
       sock.onmessage = function(e) {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   149
          log("Got message: " + e.data);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   150
          addBunny(JSON.parse(e.data));
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   151
       }
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   152
    }
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   153
};
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   154
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   155
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   156
function addLine(){
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   157
    nbLines++;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   158
    var graphics = new PIXI.Graphics();
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   159
    var x = nbLines * (lineInterval/1000) * pixelsPerSecond;
16
3343e89b04a1 time indication
cavaliet
parents: 15
diff changeset
   160
    //console.log("nbLines = ",nbLines, "x = ", x);
14
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   161
    graphics.beginFill(0xFFFF00);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   162
    graphics.lineStyle(1, 0x444444);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   163
    graphics.moveTo(x, 0);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   164
    graphics.lineTo(x, sceneHeight);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   165
    graphics.endFill();
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   166
    container.addChild(graphics);
16
3343e89b04a1 time indication
cavaliet
parents: 15
diff changeset
   167
    // Add text
3343e89b04a1 time indication
cavaliet
parents: 15
diff changeset
   168
    var totalSec = nbLines * lineInterval / 1000;
3343e89b04a1 time indication
cavaliet
parents: 15
diff changeset
   169
    var hours = parseInt( totalSec / 3600 ) % 24;
3343e89b04a1 time indication
cavaliet
parents: 15
diff changeset
   170
    var minutes = parseInt( totalSec / 60 ) % 60;
3343e89b04a1 time indication
cavaliet
parents: 15
diff changeset
   171
    var seconds = totalSec % 60;
3343e89b04a1 time indication
cavaliet
parents: 15
diff changeset
   172
    var timeStr = (hours < 10 ? "0" + hours : hours) + ":" + (minutes < 10 ? "0" + minutes : minutes) + ":" + (seconds  < 10 ? "0" + seconds : seconds);
3343e89b04a1 time indication
cavaliet
parents: 15
diff changeset
   173
    var t = new PIXI.Text(timeStr, { font: "10pt Arial", fill: "#444444" });
3343e89b04a1 time indication
cavaliet
parents: 15
diff changeset
   174
    t.x = x + 2;
3343e89b04a1 time indication
cavaliet
parents: 15
diff changeset
   175
    t.y = sceneHeight - 20;
3343e89b04a1 time indication
cavaliet
parents: 15
diff changeset
   176
    container.addChild(t);
14
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   177
}
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   178
var moveInterval = window.setInterval(moveContainer, 1000/manualFramerate);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   179
var linesInterval = window.setInterval(addLine, lineInterval);