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

18::gr08::脱落後の画面

archive mode

<<@datsuraku_result.html>>
脱落したプレイヤーは、他プレイヤーの役職が開示される。<br>
また、ミニゲームも遊ぶことができる。
<br><br>

*((color green ''''function inqury''''))<br> 
全プレイヤーの役職が開示する
*((color green ''''function addMessage (msg)''''))<br>
まだ生存しているプレイヤーのチャット表示
*((color green ''''function resultMessage (msg)''''))<br>
脱落者の画面も結果画面に遷移しなければならないので、<br>
あかずきん陣営が勝利した場合チャットにaが表示され、あかずきん陣営勝利画面へ遷移<br>
ウルフ陣営が勝利した場合チャットにwが表示され、ウルフ陣営勝利画面へ遷移する<br>
<br><br>
<pre> <!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="datsuraku.css" type="text/css">
    <link rel="stylesheet" href="moji.css" type="text/css">
    <link rel="stylesheet" href="chat.css" type="text/css">
    <link rel="stylesheet" href="play-day-background.css" type="text/css">
　　　　<link rel="stylesheet" href="button.css" type="text/css">
    <script src="jquery-3.3.1.min.js"></script>
    <meta charset="utf-8" />
    <title>脱落</title>

</head>
  <body>

<center>
      <br><br><br>
      <h1>脱落者の部屋</h1>
   
      <span class="example">
	<img src="" id="img1" alt="">
	<p id="text1"></p>	
      </span>

</center>

<center>
    <p><a href="minigame.html" class="square_btn" target="_blank" style="position: ;top: 250px"　>ミニゲーム</a></p>
        <p><a href="canpas.html" class="square_btn" target="_blank" style="position: ;top: 250px"　>ひとりでお絵かき</a></p>
    <p><a href="canpas2.html" class="square_btn" target="_blank" style="position: ;top: 250px"　>みんなでお絵かき</a></p>
</center>

var img  = [	"img1" ,
  			"img2" ,
  			"img3" ,
  			"img4" ,
  			"img5" ,
  			"img6" ,
  			"img7" ,
			"img8" ,
  			"img9" ,
  			"img10" ,
                      ];

var text  = [	"text1" ,
  			"text2" ,
  			"text3" ,
  			"text4" ,
  			"text5" ,
  			"text6" ,
  			"text7" ,
			"text8" ,
  			"text9" ,
  			"text10" ,
                      ];

function inqury(){

socketio.emit("UJinfo_inqury",0);
    }

socketio.on("UJinfo_respons" , function(data){

var UInfo = [];
	var Uinfo = [{},{},{},{},{},{},{},{},{},{}];
	var users =0;
	var i=0;

UInfo = data.value.split(",");

for(var j=0;j<10;j++){
   	 if(UInfo[i] == "undefined"){
	  users = j;
	  break;
	}
	 Uinfo[j].name = UInfo[i];
  	 Uinfo[j].job  = UInfo[i+1];
   
	console.log(Uinfo[j].name);
	console.log(Uinfo[j].job);

i+=2;
	}
	console.log(users);
	
	for(var i=0; i<users; i++){
	   document.getElementById(text[i]).innerHTML = "　" + Uinfo[i].name + "　";
	   document.getElementById(img[i]).src = jobpict[Uinfo[i].job-1];

}

});

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

function addMessage (msg) {
        var domMeg = document.createElement('div');
        domMeg.innerHTML = new Date().toLocaleTimeString() + ' ' + msg;
      msgArea.appendChild(domMeg);

$('#area').animate({scrollTop: $('#area')[0].scrollHeight}, 'fast');
  
      }

inqury();

</script>

</body>
</html>

</pre>

Tag:

Attachment

New: append-tag

(download: 3805 bytes, at 2018/07/30 16:00:11 <frozen> )
(download: 3825 bytes, at 2018/07/30 16:04:05 <frozen> )
(download: 3835 bytes, at 2018/08/01 17:32:41 <frozen> )
(download: 3912 bytes, at 2018/08/01 17:36:53 <frozen> )
(download: 4047 bytes, at 2018/08/01 18:17:50 <frozen> )
(download: 4321 bytes, at 2018/08/01 18:23:39 <frozen> )
(download: 4304 bytes, at 2018/08/01 19:13:27 <frozen> )
(download: 4741 bytes, at 2018/08/03 12:52:44 <frozen> )
(download: 5062 bytes, at 2018/08/08 17:03:44 <frozen> )

Syntax Help

URL Link

[text|http://example.com//] http://example.com/to{text}

Page Link

[[PageName]] [[text|PageName]] >>{PageName} >>{PageName}{text}

Image or Attachment

<<{filename} <<{filename}{text}

Text Decoration

'' Italic '' ''' Bold ''' '''' Large-font '''' `` Typewriter `` `?` Preformatted `?` __ Underline __ == Strike == == DEL =={ INS } ((br)) line feed

Special Letter

((amp)) & ((bq)) ` ((lt)) < ((gt)) > ((lp)) ( ((rp)) ) ((lb)) [ ((rb)) ] ((ll)) (( ((rr)) ))

Headline

!!!! site-name !!! section-name !! subsection-name ! subsubsectino-name << section-name >> <<< subsection-name >>> <<<< subsubsection-name >>>> >> Centering and Large-font <<

Itemize

* item1 ** item1-1 ** item1-2

Enumerate

+ item1 + item2 ++ item2-1

Table

|| 1-1 | 1-2 | 1-3 || 2-1 | 2-2 | 2-3

Description

:item ::description

Quotation

6< quotation >9

Preformatted text

8< preformatted-text >8

Edit