node-robot-index.js

//LEDの色を選ぶ
var colorArray = ["#FF0000", "#00FF00", "#0000FF", "#00FFFF", "#FF00FF", "#FFFF00", "#FFFFFF"];
var colorCommand = ["r", "t", "y", "u", "i", "o", "p"];


var socket = io();
socket.on('distance', function (data) {
    $('h1').text(data);
});
socket.on('sendedcommand', function (data) {
    
    var numData;
    numData = parseInt(data);
    if (numData < 10) {
        $('input').val(numData);    //ブラウザ間でLED輝度を連動させる
    }
    
    //ブラウザ間で同期してhrラインに色を付ける。高さを指定しないと、色が付かないのでcssで指定。
    if ($.inArray(data, colorCommand) != -1) {
       var colorIndex = $.inArray(data, colorCommand);    
       $('hr').css("background-color",colorArray[colorIndex] );
    }
    
    data = "Send Command: '" + data + "'"
    $('h4').text(data);
    

});


$('input[type=range]').change(function () {
    var val = $(this).val();
    socket.emit('sendcommand', val);
});


$("#icolor2").icolor({
    flat: true,
    colors: ["FF0000", "00FF00", "0000FF", "FFFF00", "FF00FF", "00FFFF", "FFFFFF"],
    col: false,
    onSelect: function (c) {
        //this.$tb.css("background-color", c);
        n = $.inArray(c, colorArray);
        socket.emit('sendcommand', colorCommand[n]);
    }
});

// モーターコントロールボタンのクリックイベントを設定
var buttonList = ["Up", "Right", "Left", "Down", "Stop", "TurnR", "TurnL", "Pull","Send"];
var commandList = ["w", "d", "a", "s", "q", "z", "c", "e","x"];
for (var i = 0; i < buttonList.length; i++) {
    var ele = document.getElementById(buttonList[i]);
    ele.addEventListener("click", function () {
        n = $.inArray(this.id, buttonList);
        socket.emit('sendcommand', commandList[n]);
    }, true);
}