client/annotviz/app/js/main.js
changeset 99 9d968fbcaa2a
parent 92 a323578ea954
child 100 0d7dac03c1a0
equal deleted inserted replaced
92:a323578ea954 99:9d968fbcaa2a
     7 
     7 
     8 'use strict';
     8 'use strict';
     9 
     9 
    10 
    10 
    11 var PIXI = require('pixi');
    11 var PIXI = require('pixi');
       
    12 var rgb2hex = require('./utils');
    12 
    13 
    13 // Config vars
    14 // Config vars
    14 var horizontalView = false;
    15 var horizontalView = false;
    15 var logger = false;
    16 var logger = false;
    16 var sceneWidth = 1920;
    17 var sceneWidth = 1920;
    40 // Vars
    41 // Vars
    41 var noteDict = [];
    42 var noteDict = [];
    42 // Timecode method
    43 // Timecode method
    43 var timePageLoaded = Date.now();
    44 var timePageLoaded = Date.now();
    44 var offsetMusic = false;
    45 var offsetMusic = false;
       
    46 var categoriesColor = {		
       
    47 	"ntm" : rgb2hex(205,200,63),
       
    48     "iam" : rgb2hex(205,200,63),
       
    49     "hip" : rgb2hex(205,200,63),
       
    50     "hop" : rgb2hex(205,200,63),
       
    51     "rock" : rgb2hex(222,139,83),
       
    52     "rap" : rgb2hex(222,139,83),
       
    53     "classic" : rgb2hex(222,139,83),
       
    54     "drums" : rgb2hex(197,163,202),
       
    55     "guitar" : rgb2hex(197,163,202),
       
    56     "bass" : rgb2hex(121,187,146),
       
    57     "default": rgb2hex(128,128,128)
       
    58 };
    45 
    59 
    46 //create an new instance of a pixi stage
    60 //create an new instance of a pixi stage
    47 var stage = new PIXI.Stage(sceneBgColor);
    61 var stage = new PIXI.Stage(sceneBgColor);
    48 
    62 
    49 //create a renderer instance.
    63 //create a renderer instance.
   144 /* ------------------- Init generalView container ----------------- */
   158 /* ------------------- Init generalView container ----------------- */
   145 /* ---------------------------------------------------------------- */
   159 /* ---------------------------------------------------------------- */
   146 
   160 
   147 var GeneralView = require('./generalView.js')
   161 var GeneralView = require('./generalView.js')
   148 
   162 
   149 var GeneralRoll = new GeneralView(uberContainer, 0, 0, sceneWidth - (prSize2 + prSize3), sceneHeight, Date.now(), Date.now() + 300000, 30);
   163 var GeneralRoll = new GeneralView(uberContainer, 0, 0, sceneWidth - (prSize2 + prSize3), sceneHeight, Date.now(), Date.now() + 300000, 30, 5, 100, categoriesColor);
   150 
   164 
   151 
   165 
   152 function addAnnots(data){
   166 function addAnnots(data){
   153     var title = data.content.category.label;
   167     var title = data.content.category.label;
       
   168     var code = data.content.category.code;
   154     var user = data.content.user;
   169     var user = data.content.user;
   155     //Test cat and color
   170     if (typeof(categoriesColor[code]) != 'undefined'){
   156     var colorAnnot = 0x65A954;
   171     	var color = categoriesColor[code];
   157     
   172     }
   158     AnnotationRoll.addAnnot(title, user, colorAnnot);
   173     else {
   159     GeneralRoll.addAnnot(title, Date.now());
   174     	var code = "default";
       
   175     	var color = categoriesColor[code];
       
   176     }
       
   177     
       
   178     AnnotationRoll.addAnnot(title, user, color);
       
   179     GeneralRoll.addAnnot(code, Date.now());
   160 }
   180 }
   161 
   181 
   162 /* ---------------------------------------------------------------- */
   182 /* ---------------------------------------------------------------- */
   163 /* ----------------------- Socket management ---------------------- */
   183 /* ----------------------- Socket management ---------------------- */
   164 /* ---------------------------------------------------------------- */
   184 /* ---------------------------------------------------------------- */
   242 
   262 
   243         sock2.onmessage = function(e) {
   263         sock2.onmessage = function(e) {
   244             if(logger){
   264             if(logger){
   245                 log('Got message: ' + e.data);
   265                 log('Got message: ' + e.data);
   246             }
   266             }
   247             console.log(e);
   267 //            console.log(e);
   248             addAnnots(JSON.parse(e.data));
   268             addAnnots(JSON.parse(e.data));
   249         };
   269         };
   250     }
   270     }
   251 };
   271 };
   252 
   272