# HG changeset patch
# User cavaliet
# Date 1413219909 -7200
# Node ID 4dd9a96a6d3bd8f8c97df0df34fbf97242e3a9bd
# Parent  3343e89b04a1c7ed0453fc303bb80e1df648a6e7
time information and keyboard drawn

diff -r 3343e89b04a1 -r 4dd9a96a6d3b pianoroll/app.js
--- a/pianoroll/app.js	Mon Oct 13 18:19:28 2014 +0200
+++ b/pianoroll/app.js	Mon Oct 13 19:05:09 2014 +0200
@@ -14,10 +14,11 @@
 var manualFramerate = 24;
 var pixelsPerSecond = 50; // nb of pixels per second
 var lineInterval = 2000; // means line every 2 seconds
-var nbLines = 0;
+var nbLines = -1;
 //var speed = 1; // container -x position at each frame. Speed = 1 ~ 100px for 2 seconds
 var zeroTime = new Date("2014-10-06T12:16:43.000000Z").getTime();
 var noteDict = {};
+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
 
 
 //create an new instance of a pixi stage
@@ -42,7 +43,20 @@
   graphics.moveTo(0, y);
   graphics.lineTo(sceneWidth, y);
   graphics.endFill();
-
+  stage.addChild(graphics);
+}
+//Draw 127 lines
+for(var i=0;i<128;i++){
+  var graphics = new PIXI.Graphics();
+  var color = drawPianoNotes[i%12]==1 ? 0xFFFFFF : 0x000000;
+  if(i==60){
+      color = 0xFFD700;
+  }
+  graphics.beginFill(color);
+  graphics.lineStyle(1, 0xAAAAAA);
+  var y = sceneHeight - delta * (i+1);
+  graphics.drawRect(0, y, 20, delta);
+  graphics.endFill();
   stage.addChild(graphics);
 }