netwalk.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   2 <html>
   3         <head>
   4                 <title>Netwalk</title>
   5                 <script type="text/javascript" src="script/util.js"></script>
   6                 <script type="text/javascript" src="script/domgen.js"></script>
   7                 <script type="text/javascript" src="script/canvas.js"></script>
   8                 <script type="text/javascript" src="script/netwalk-server.js"></script>
   9                 <script type="text/javascript" src="script/netwalk-client.js"></script>
  10                 <link rel="stylesheet" type="text/css" href="style/common.css" />
  11                 <style type="text/css">
  12                                 table.netwalk
  13                                 {
  14                                                 margin-left: auto;
  15                                                 margin-right: auto;
  16                                                 border-spacing: .1em;
  17                                 }
  18
  19                                 table.netwalk td
  20                                 {
  21                                                 width: 48px;
  22                                                 height: 48px;
  23                                                 border: .1em solid #444;
  24                                                 border-color: #444 #333 #333 #444;
  25                                                 background-color: #2a2a2a;
  26                                                 background: url(netwalk/images/cables.png);
  27                                 }
  28
  29                                 table.netwalk td.cell-2 {background-position: 96px -144px}
  30                                 table.netwalk td.cell-3 {background-position: 48px -144px}
  31                                 table.netwalk td.cell-4 {background-position: 0 -48px}
  32                                 table.netwalk td.cell-2 {background-position: 96px -144px}
  33                                 table.netwalk td.cell-2 {background-position: 96px -144px}
  34                                 table.netwalk td.cell-2 {background-position: 96px -144px}
  35                                 table.netwalk td.cell-2 {background-position: 96px -144px}
  36                 </style>
  37         </head>
  38         <body>
  39                 <div id="target"></div>
  40                 <script type="text/javascript">
  41                                 var game = new NetWalk(NetWalkLevel.Hard);
  42                                 var manager = new NetWalkManager(game);
  43                                 var view = new NetWalkTableView(manager);
  44
  45                                 initDomGen();
  46                                 view.render(document.getElementById('target'));
  47                 </script>
  48         </body>
  49 </html>