vmars316

BenghaziGame.html

Mar 18th, 2016
73
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <!--  // programName: BenghaziGame.html here:  http://pastebin.com/jPaFjcWk  
  3.                                 .js here: http://pastebin.com/xLcM9G4n
  4.                   Running online:  http://liesandcowpies.com/quickjs/BenghaziGame.html   -->
  5. <html>
  6.     <head>
  7.         <meta charset="utf-8" />
  8.         <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0, width=device-width">
  9.         <link rel="shortcut icon" type="image/png" href="icon16.png" />
  10.         <script type='text/javascript' src="quick.js"></script>  
  11.         <style>
  12.             #assets {
  13.                 height: 0px;
  14.                 overflow: hidden;
  15.                 visibility: hidden;
  16.                 width: 0px;
  17.             }
  18.  
  19.             body {
  20.                 background-color: Black;
  21.                 margin: 0;
  22.                 overflow: hidden;
  23.                 padding: 0;
  24.             }
  25.  
  26. /*          canvas {
  27.                 cursor: none;
  28.             }
  29. */          table { color: #E1E1E1;
  30.             background-color: #992D2D;
  31.             height: 24px; width: 800px;
  32.             border: none;
  33.             }
  34.         </style>
  35.     </head>
  36.  
  37.     <body>  <!--   html way: <body onresize="bodyResize()">  -->
  38. <div>  
  39. <table align="center">
  40.   <tr>
  41.     <td width="10%"> totalScore </td> <td id="totalScore" width="5%"> </td>
  42.     <td width="8%"></td>
  43.     <td width="10%"> oops! </td> <td id="oopsScore" width="5%"> </td>
  44.     <td width="8%"></td>
  45.     <td width="10%"> goodHits </td> <td id="goodHits" width="5%"> </td>
  46.     <td width="8%"></td>
  47.     <td width="10%"> totalShots </td> <td id="totalShots" width="5%"> </td>
  48.   </tr>
  49.    </table>
  50. </div> 
  51.  
  52.         <div id="canvasDiv" align="center">
  53.             <canvas id="canvas" width="800" height="600"></canvas>
  54.         </div>
  55.  
  56.  
  57. <div id="assets">    
  58.             <img id="bgCompound" src="sprites/bgCompound.png" width="320" height="191" />
  59.             <img id="manufacturer" src="sprites/manufacturer.png" width="180" height="100" />
  60.             <img id="restartBtn" src="sprites/RestartButton.png" width="100" height="25" />
  61.             <img id="pauseBtn" src="sprites/PauseButton.png" width="100" height="25" />
  62.             <img id="playBtn" src="sprites/PlayButton.png" width="100" height="25" />
  63.             <img id="quitBtn" src="sprites/QuitButton.png" width="100" height="25" />
  64.             <img id="truth01Sprite" src="sprites/truth01.png" width="64" height="64" />
  65.             <img id="lies01Sprite" src="sprites/lies01.png" width="64" height="64" />
  66.             <img id="truth02Sprite" src="sprites/truth02.png" width="64" height="64" />
  67.             <img id="lies02Sprite" src="sprites/lies02.png" width="64" height="64" />
  68.             <img id="truth03Sprite" src="sprites/truth03.png" width="64" height="64" />
  69.             <img id="lies03Sprite" src="sprites/lies03.png" width="64" height="64" />
  70.             <img id="truth04Sprite" src="sprites/truth04.png" width="64" height="64" />
  71.             <img id="lies04Sprite" src="sprites/lies04.png" width="64" height="64" />
  72.             <img id="sparkSprite" src="sprites/transSpark.png" width="28" height="28" />    
  73.             <img id="pointerSprite" src="sprites/handPointerT.png" width="31" height="36" />
  74.             <img id="throwerSprite" src="sprites/thrower.png" width="64" height="64" />
  75.             <img id="cowpieSprite" src="sprites/cowpie.png" width="32" height="32" />
  76.            
  77.             <audio id="closeDoor" src="sounds/CloseDoor.ogg"></audio>
  78.             <audio id="obamaVideo" src="sounds/ObamaOnVideo.ogg"></audio>
  79.             <audio id="sRiceVideo" src="sounds/sRiceVideo.ogg"></audio>
  80.             <audio id="eHolderVideo" src="sounds/EricHolder.ogg"></audio>
  81.             <audio id="battleFire" src="sounds/BattleFire.ogg"></audio>
  82.             <audio id="oops" src="sounds/oops.ogg"></audio>
  83.             <audio id="Hillary-WhatDiff" src="sounds/Splat-Hillary-WhatDiff.ogg"></audio>
  84.             <audio id="cowMoo" src="sounds/CowMooSplat.ogg"></audio>
  85.             <audio id="byebye" src="sounds/GoodByeFemale.ogg"></audio>
  86.             <audio id="cymbals" src="sounds/Cymbals.ogg"></audio>
  87.             <audio id="pling" src="sounds/Pling.ogg"></audio>
  88.             <audio id="cheering" src="sounds/cheeringCrowdShort.ogg"></audio>
  89. </div>
  90.  
  91. <!--    html way:
  92.        <script type='text/javascript'> function bodyResize() {
  93.                 // alert('.html  bodyResize from Html. ');
  94.                 location.reload(); }
  95.         </script>
  96.             ELSE
  97.         .js way:
  98. <script type="text/javascript" >
  99. window.addEventListener("resize", function(){ location.reload(); } );
  100. </script>      
  101. -->
  102.         <script type='text/javascript' src="BenghaziGame.js"></script>
  103.        
  104.        
  105.     </body>
  106. </html>
RAW Paste Data