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

18::gr08::story

archive mode

<<ストーリー表示モジュール>>
<<<STnext()>>>
*引き数なし
*操作
**サーバーに読み終わったことを伝える
*戻り値なし

<<プログラム>>
<pre>
<!DOCTYPE html>

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset = UTF-8" />
    <title>story</title>
    <script src="/socket.io/socket.io.js"></script>
    <style type="text/css">
      body{background-image:url(story-background.png);
           background-size:cover;}
      p{color:white;line-height:3;}
    </style>
  </head>

<body>

<p align="center">STORY<br /><br />20XX年。<br />
石油資源の枯渇に伴う資源戦争が、欧州・中東を中心に世界各国で勃発。<br />
戦争が激化する中、核ミサイルが発射され世界の主要都市が壊滅。<br />
地球上の大部分の土地が放射能により汚染され、生態系にも深刻な影響が与えられた。<br />
 　やがて生き残った人々は再び起こるかもしれない空襲に怯え、常にずきんを被りながら、各々小さなコミュニティを形成した。<br />
そんな中、ある噂がコミュニティの間に流れ始める... 放射能の影響か、生物実験で生まれたモンスターがこのあたりを徘徊しているらしい。<br />
 夜になると周囲の人間を捕食するとか。<br />
 最近隣のコミュニティの住人が次々消息を絶っているのにも関係があるのか...？<br />
 深夜に狼の遠吠えを聞いた者もいるとか...<br />
あるコミュニティの外れの民家に、あなたを含めた数名の男女が集まり集団生活を始めることとなった。<br />
新生活は順調かと思われたが、ある朝住人の一人が無残な姿で発見された。<br />
こんな僻地を訪れるものなど滅多にいない。だとしたら犯人は同居人の誰かということになる。<br />
あなたたちは協力してより早く犯人を見つけ出し、安全な日々を取り戻さなくてはいけない<br />
  </p>
  
<div align="right">
  <p id ="msg">　</p>
  <input type="button" value="次へ" onclick ="STnext()">
  </div>
  <script type = "text/javascript">
      var socketio = io.connect();
      
      socketio.on("readstory_s",function (data){
      window.location ='job.html';  
      });

function STnext(){
        document.getElementById('msg').innerHTML = "役職をランダムで生成中・・・";
        var myname = sessionStorage.getItem("myname");
        socketio.emit("readstory_c",{value:myname});
      }
    </script>
  </body>
</html>

</pre>

Tag:

Attachment

New: append-tag

(download: 2059 bytes, at 2018/06/14 17:13:20 <frozen> )
(download: 2599 bytes, at 2018/06/29 13:15:50 <frozen> )
(download: 2600 bytes, at 2018/06/29 13:27:04 <frozen> )
(download: 2602 bytes, at 2018/06/29 17:43:36 <frozen> )
(download: 2762 bytes, at 2018/06/29 17:45:45 <frozen> )

Edit

18::gr08::story

Attachment

Syntax Help

URL Link

Page Link

Image or Attachment

Text Decoration

Special Letter

Headline

Itemize

Enumerate

Table

Description

Quotation

Preformatted text