pianoroll/app.js
author cavaliet
Tue, 14 Oct 2014 12:17:34 +0200
changeset 18 517e343a86eb
parent 17 4dd9a96a6d3b
child 19 3b70b46e8044
permissions -rw-r--r--
a bit more config
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
18
517e343a86eb a bit more config
cavaliet
parents: 17
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 = {};
18
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
    21
var pianoNotes = [1,0,1,0,1,1,0,1,0,1,0,1];//Do, Do#, Ré, Ré#, Mi, Fa, Fa#, Sol, Sol#, La, La#, Si
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
    22
// Visual config
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
    23
var drawPianoNotes = false;
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
    24
var drawVerticalLines = false;
14
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    25
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 an new instance of a pixi stage
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    28
var stage = new PIXI.Stage(sceneBgColor);
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
//create a renderer instance.
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    31
var renderer = PIXI.autoDetectRenderer(sceneWidth, sceneHeight);
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
//add the renderer view element to the DOM
18
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
    34
document.getElementById("canvasContainer").appendChild(renderer.view);
14
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    35
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    36
//requestAnimFrame( animate );
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    37
15
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    38
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    39
//Draw 127 lines
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    40
var delta = sceneHeight / 128;
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    41
for(var i=1;i<128;i++){
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    42
  var graphics = new PIXI.Graphics();
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    43
  graphics.beginFill(0xFFFF00);
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    44
  graphics.lineStyle(1, 0xAAAAAA);
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    45
  var y = delta * i;
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    46
  graphics.moveTo(0, y);
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    47
  graphics.lineTo(sceneWidth, y);
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    48
  graphics.endFill();
17
4dd9a96a6d3b time information and keyboard drawn
cavaliet
parents: 16
diff changeset
    49
  stage.addChild(graphics);
4dd9a96a6d3b time information and keyboard drawn
cavaliet
parents: 16
diff changeset
    50
}
18
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
    51
//Draw piano notes on the left
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
    52
if(drawPianoNotes){
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
    53
    for(var i=0;i<128;i++){
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
    54
        var graphics = new PIXI.Graphics();
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
    55
        var color = pianoNotes[i%12]==1 ? 0xFFFFFF : 0x000000;
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
    56
        if(i==60){
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
    57
            color = 0xFFD700;
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
    58
        }
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
    59
        graphics.beginFill(color);
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
    60
        graphics.lineStyle(1, 0xAAAAAA);
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
    61
        var y = sceneHeight - delta * (i+1);
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
    62
        graphics.drawRect(0, y, 20, delta);
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
    63
        graphics.endFill();
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
    64
        stage.addChild(graphics);
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
    65
    }
15
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    66
}
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    67
14
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    68
var uberContainer = new PIXI.DisplayObjectContainer();
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    69
uberContainer.position.x = Math.floor(sceneWidth*4/5);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    70
uberContainer.position.y = 0;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    71
stage.addChild(uberContainer);
15
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    72
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
    73
14
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    74
var container = new PIXI.DisplayObjectContainer();
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    75
container.position.x = 0;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    76
container.position.y = 0;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    77
uberContainer.addChild(container);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    78
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    79
//create a texture from an image path
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    80
var texture = PIXI.Texture.fromImage("bunny.png");
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    81
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    82
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    83
/*function animate() {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    84
    requestAnimFrame( animate );
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    85
    // just for fun, lets rotate mr rabbit a little
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    86
    //bunny.rotation += 0.1;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    87
    container.x -= speed;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    88
    //console.log("container.x = ", container.x);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    89
    // render the stage  
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 moveContainer() {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    94
    container.x -= pixelsPerSecond/manualFramerate;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    95
    renderer.render(stage);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    96
}
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    97
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
    98
function addBunny(data){
18
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
    99
    var timeFromZero = data.content[1];
15
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   100
    var note = data.content[3];
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   101
    var velocity = data.content[4];
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   102
    if(velocity===0){
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   103
        if(note in noteDict){
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   104
            // We close the note
18
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
   105
            /*var beginTime = new Date(noteDict[note].ts).getTime();
15
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   106
            var beginDelta = beginTime - zeroTime;
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   107
            var durationDelta = new Date(data.ts).getTime() - beginTime;
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   108
            var beginX = beginDelta * pixelsPerSecond / 1000;
18
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
   109
            var width = durationDelta * pixelsPerSecond / 1000;*/
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
   110
            var beginX = noteDict[note].ts * pixelsPerSecond / 1000;
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
   111
            var width = (timeFromZero - noteDict[note].ts) * pixelsPerSecond / 1000;
15
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   112
            // We draw the rectangle
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   113
            var graphics = new PIXI.Graphics();
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   114
            graphics.beginFill(0x0000AA, (noteDict[note].velocity / 128));
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   115
            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
   116
            graphics.drawRect(beginX, y, width, sceneHeight / 128);
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   117
            graphics.endFill();
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   118
            container.addChild(graphics);
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   119
            delete noteDict[note];
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   120
        }
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   121
    }
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   122
    else{
18
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
   123
        noteDict[note] = {ts: timeFromZero, velocity:velocity};
15
f1ae020c2872 piano roll works fine... and needs visual enhancement
cavaliet
parents: 14
diff changeset
   124
    }
14
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   125
}
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   126
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   127
window.onload = function() {
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
    ellog = document.getElementById('log');
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   130
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   131
    var wsuri;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   132
    if (window.location.protocol === "file:") {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   133
       wsuri = "ws://127.0.0.1:8090/broadcast";
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   134
    } else {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   135
       wsuri = "ws://" + window.location.hostname + ":8090/broadcast";
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
    if ("WebSocket" in window) {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   138
       sock = new WebSocket(wsuri);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   139
    } else if ("MozWebSocket" in window) {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   140
       sock = new MozWebSocket(wsuri);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   141
    } else {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   142
       log("Browser does not support WebSocket!");
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   143
       window.location = "http://autobahn.ws/unsupportedbrowser";
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   144
    }
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   145
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   146
    if (sock) {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   147
       sock.onopen = function() {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   148
          log("Connected to " + wsuri);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   149
       }
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   150
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   151
       sock.onclose = function(e) {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   152
          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
   153
          sock = null;
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
       sock.onmessage = function(e) {
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   157
          log("Got message: " + e.data);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   158
          addBunny(JSON.parse(e.data));
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   159
       }
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   160
    }
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   161
};
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   162
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   163
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   164
function addLine(){
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   165
    nbLines++;
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   166
    var graphics = new PIXI.Graphics();
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   167
    var x = nbLines * (lineInterval/1000) * pixelsPerSecond;
16
3343e89b04a1 time indication
cavaliet
parents: 15
diff changeset
   168
    //console.log("nbLines = ",nbLines, "x = ", x);
14
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   169
    graphics.beginFill(0xFFFF00);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   170
    graphics.lineStyle(1, 0x444444);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   171
    graphics.moveTo(x, 0);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   172
    graphics.lineTo(x, sceneHeight);
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   173
    graphics.endFill();
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   174
    container.addChild(graphics);
16
3343e89b04a1 time indication
cavaliet
parents: 15
diff changeset
   175
    // Add text
3343e89b04a1 time indication
cavaliet
parents: 15
diff changeset
   176
    var totalSec = nbLines * lineInterval / 1000;
3343e89b04a1 time indication
cavaliet
parents: 15
diff changeset
   177
    var hours = parseInt( totalSec / 3600 ) % 24;
3343e89b04a1 time indication
cavaliet
parents: 15
diff changeset
   178
    var minutes = parseInt( totalSec / 60 ) % 60;
3343e89b04a1 time indication
cavaliet
parents: 15
diff changeset
   179
    var seconds = totalSec % 60;
3343e89b04a1 time indication
cavaliet
parents: 15
diff changeset
   180
    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
   181
    var t = new PIXI.Text(timeStr, { font: "10pt Arial", fill: "#444444" });
3343e89b04a1 time indication
cavaliet
parents: 15
diff changeset
   182
    t.x = x + 2;
3343e89b04a1 time indication
cavaliet
parents: 15
diff changeset
   183
    t.y = sceneHeight - 20;
3343e89b04a1 time indication
cavaliet
parents: 15
diff changeset
   184
    container.addChild(t);
14
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   185
}
30ee8c47e48f first step of piano roll (needs to be much improved)
cavaliet
parents:
diff changeset
   186
var moveInterval = window.setInterval(moveContainer, 1000/manualFramerate);
18
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
   187
var verticalLinesInterval = false;
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
   188
if(drawVerticalLines){
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
   189
    verticalLinesInterval = window.setInterval(addLine, lineInterval);
517e343a86eb a bit more config
cavaliet
parents: 17
diff changeset
   190
}