2018 ソフトウェア設計及び演習用の班Wiki

18::gr08::result.js

archive mode

データ取得や表示に関しては>>{18::gr08::hiru.js}{hiru.js}とほぼ同じ<br>
後半部分にクリックで開示の処理を追加<br>

<pre>
var pjob = []; //各プレイヤーの役職
var ninzu; //自分も含めたプレイヤー数
var pname = [];
var num = 2;
var lod = [];
var cnt = 0; //クリック数をカウント

var jobimg = [	"aka.png" ,//あか
  		"pan.png" ,//ぱん
  		"esper.png" ,//えすぱー
  		"ghost.png" ,//ごーすと
  		"super.png" ,//スーパー
  		"psycho.png" ,//サイコ
  		"wolf.png"  //ウルフ
             ];

//app.jsから情報を受け取る
var socketio = io.connect();

socketio.on("connected", function(name) {});
socketio.on("s_to_c", function (data) { addMessage(data.value); });
socketio.on("disconnect", function () {});

function inqury(){
    socketio.emit("Uinfo_inqury",0);
    socketio.emit("UJinfo_inqury",0);
}

function reset(){
    socketio.emit("all_reset",0);
}

socketio.on("Uinfo_respons" , function(data){ //人数,プレイヤー名,生死

var UInfo = [];
    var i=0;

UInfo = data.value.split(",");
    console.log(UInfo);
    for(var j=0;j<10;j++){
	if(UInfo[i] == "undefined"){
	    ninzu = j;
	    break;
	}
	lod[j] = UInfo[i+1];
	pname[j] = UInfo[i];
	i+=2;
    }
});

socketio.on("UJinfo_respons" , function(data){ //役職

var UJInfo = [];
    var i=0;

UJInfo = data.value.split(",");
    console.log(UJInfo);
    for(j=0;j<10;j++){
   	if(UJInfo[i] == "undefined"){
	    break;
	}
  	pjob[j]  = UJInfo[i+1] - 1;
	i+=2;
		
	console.log(pjob[2]);
    }
});

inqury();

window.onload =function(){   
    //各プレイヤー名を表示
    document.getElementById("text1").innerHTML=pname[0];
    document.getElementById("text2").innerHTML=pname[1];
    document.getElementById("text3").innerHTML=pname[2];
    document.getElementById("text4").innerHTML=pname[3];
    document.getElementById("text5").innerHTML=pname[4];
    document.getElementById("text6").innerHTML=pname[5];
    document.getElementById("text7").innerHTML=pname[6];
    document.getElementById("text8").innerHTML=pname[7];
    document.getElementById("text9").innerHTML=pname[8];
    document.getElementById("text10").innerHTML=pname[9];
    result_lod();
    hyoji(); 
}

function hyoji(){
    //余計なカードを削除   
    switch(ninzu){
    case 4:
	document.getElementById("text5").innerHTML="";
	document.getElementById("img5").src = "about:blank";
    case 5:
	document.getElementById("text6").innerHTML="";
	document.getElementById("img6").src = "about:blank";
    case 6:
	document.getElementById("text7").innerHTML="";
	document.getElementById("img7").src = "about:blank";
    case 7:
	document.getElementById("text8").innerHTML="";
	document.getElementById("img8").src = "about:blank";
    case 8:
	document.getElementById("text9").innerHTML="";
	document.getElementById("img9").src = "about:blank";
    case 9:
	document.getElementById("text10").innerHTML="";
	document.getElementById("img10").src = "about:blank";
	break;

default:
	break;
    }
};

//ボタンをクリックでカードを開示
function kaiji(){
    cnt++;
    if( (cnt % num) == 0) { //デフォルト表示
	document.getElementById("img1").src = "alive.png";
	document.getElementById("img2").src = "alive.png";
	document.getElementById("img3").src = "alive.png";
	document.getElementById("img4").src = "alive.png";
	document.getElementById("img5").src = "alive.png";
	document.getElementById("img6").src = "alive.png";
	document.getElementById("img7").src = "alive.png";
	document.getElementById("img8").src = "alive.png";
	document.getElementById("img9").src = "alive.png";
	document.getElementById("img10").src = "alive.png";
	result_lod();
	hyoji();
    }
    else{ //各プレイヤーのカードを表示
	document.getElementById("img1").src = jobimg[pjob[0]];
	document.getElementById("img2").src = jobimg[pjob[1]];
	document.getElementById("img3").src = jobimg[pjob[2]];
	document.getElementById("img4").src = jobimg[pjob[3]];
	document.getElementById("img5").src = jobimg[pjob[4]];
	document.getElementById("img6").src = jobimg[pjob[5]];
	document.getElementById("img7").src = jobimg[pjob[6]];
	document.getElementById("img8").src = jobimg[pjob[7]];
	document.getElementById("img9").src = jobimg[pjob[8]];
	document.getElementById("img10").src = jobimg[pjob[9]];
	hyoji();
    }
};

</pre>

Tag:

Attachment

New: append-tag

Edit

18::gr08::result.js

Attachment

Syntax Help

URL Link

Page Link

Image or Attachment

Text Decoration

Special Letter

Headline

Itemize

Enumerate

Table

Description

Quotation

Preformatted text