new file: Files/flashplayer_32_sa.exe new file: favicon.ico new file: globe.gif new file: imgs/download.png new file: imgs/zuck.jpg new file: index.html new file: other.ico new file: script.js new file: site.webmanifest new file: sitemap.html new file: styles/backround.css new file: styles/border.css new file: styles/fonts/Titillium_Web/OFL.txt new file: styles/fonts/Titillium_Web/TitilliumWeb-Black.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-Bold.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-BoldItalic.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-ExtraLight.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-ExtraLightItalic.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-Italic.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-Light.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-LightItalic.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-Regular.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-SemiBoldItalic.ttf new file: styles/fonts/webfontkit-20221027-163353/generator_config.txt new file: styles/fonts/webfontkit-20221027-163353/specimen_files/grid_12-825-55-15.css new file: styles/fonts/webfontkit-20221027-163353/specimen_files/specimen_stylesheet.css new file: styles/fonts/webfontkit-20221027-163353/stylesheet.css new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-demo.html new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff2 new file: styles/fonts/webfontkit-20221027-165950/generator_config.txt new file: styles/fonts/webfontkit-20221027-165950/specimen_files/grid_12-825-55-15.css new file: styles/fonts/webfontkit-20221027-165950/specimen_files/specimen_stylesheet.css new file: styles/fonts/webfontkit-20221027-165950/stylesheet.css new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-demo.html new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff2 new file: styles/style.css new file: tools/2048/.gitignore new file: tools/2048/.jshintrc new file: tools/2048/CONTRIBUTING.md new file: tools/2048/LICENSE.txt new file: tools/2048/README.md new file: tools/2048/Rakefile new file: tools/2048/favicon.ico new file: tools/2048/index.html new file: tools/2048/js/animframe_polyfill.js new file: tools/2048/js/application.js new file: tools/2048/js/bind_polyfill.js new file: tools/2048/js/classlist_polyfill.js new file: tools/2048/js/game_manager.js new file: tools/2048/js/grid.js new file: tools/2048/js/html_actuator.js new file: tools/2048/js/keyboard_input_manager.js new file: tools/2048/js/local_storage_manager.js new file: tools/2048/js/tile.js new file: tools/2048/meta/apple-touch-icon.png new file: tools/webretro/cores/neocd_libretro.js new file: tools/webretro/cores/neocd_libretro.wasm new file: tools/webretro/cores/nestopia_libretro.js new file: tools/webretro/cores/nestopia_libretro.wasm new file: tools/webretro/cores/o2em_libretro.js new file: tools/webretro/cores/o2em_libretro.wasm new file: tools/webretro/cores/opera_libretro.js new file: tools/webretro/cores/opera_libretro.wasm
146 lines
20 KiB
HTML
146 lines
20 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<!-- Mirrored from www.mathsisfun.com/games/a/plumber2/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 01:09:17 GMT -->
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
<meta charset="utf-8">
|
|
<title>Piper</title>
|
|
<!-- <link href="//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet"> -->
|
|
<!-- <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css"> -->
|
|
<link rel="shortcut icon" href="http://www.derekshiller.com/piper/assets/favicon.ico" type="image/x-icon">
|
|
<link href="files/css.css" rel="stylesheet">
|
|
<script src="files/jquery.js"></script>
|
|
<link rel="stylesheet" href="files/main.css" media="screen" title="no title" charset="utf-8">
|
|
<script src="files/bundle.js"> </script>
|
|
</head>
|
|
<body>
|
|
<h3 id="gameTitle">
|
|
<span id="menuIndicator"> (menu) </span>
|
|
</h3>
|
|
<div id="canvasFrame">
|
|
<h3 id="countdown"> </h3>
|
|
<canvas id="boardCanvas" width="800px" height="400px"> </canvas>
|
|
<h2> Score: <span id="score">-</span> </h2>
|
|
<canvas id="1474.3055331817866" class="spaceCanvas" width="50px" height="50px" style="left: 0px; top: 0px;"></canvas><canvas id="266.0602127989686" class="spaceCanvas" width="50px" height="50px" style="left: 0px; top: 50px;"></canvas><canvas id="4588.714704306574" class="spaceCanvas" width="50px" height="50px" style="left: 0px; top: 100px;"></canvas><canvas id="4750.688291272539" class="spaceCanvas" width="50px" height="50px" style="left: 0px; top: 150px;"></canvas><canvas id="4024.1248927340857" class="spaceCanvas" width="50px" height="50px" style="left: 0px; top: 200px;"></canvas><canvas id="1263.002024793175" class="spaceCanvas" width="50px" height="50px" style="left: 0px; top: 250px;"></canvas><canvas id="9426.119957833265" class="spaceCanvas" width="50px" height="50px" style="left: 0px; top: 300px;"></canvas><canvas id="7830.833173158988" class="spaceCanvas" width="50px" height="50px" style="left: 0px; top: 350px;"></canvas><canvas id="6950.8459656172" class="spaceCanvas" width="50px" height="50px" style="left: 50px; top: 0px;"></canvas><canvas id="8422.555678049228" class="spaceCanvas" width="50px" height="50px" style="left: 50px; top: 50px;"></canvas><canvas id="2938.981525442359" class="spaceCanvas" width="50px" height="50px" style="left: 50px; top: 100px;"></canvas><canvas id="234.55026678710578" class="spaceCanvas" width="50px" height="50px" style="left: 50px; top: 150px;"></canvas><canvas id="9192.451716500047" class="spaceCanvas" width="50px" height="50px" style="left: 50px; top: 200px;"></canvas><canvas id="6198.276244697973" class="spaceCanvas" width="50px" height="50px" style="left: 50px; top: 250px;"></canvas><canvas id="183.71102698038322" class="spaceCanvas" width="50px" height="50px" style="left: 50px; top: 300px;"></canvas><canvas id="7822.751998321977" class="spaceCanvas" width="50px" height="50px" style="left: 50px; top: 350px;"></canvas><canvas id="4494.677125003127" class="spaceCanvas" width="50px" height="50px" style="left: 100px; top: 0px;"></canvas><canvas id="3879.24677683793" class="spaceCanvas" width="50px" height="50px" style="left: 100px; top: 50px;"></canvas><canvas id="7762.264890238209" class="spaceCanvas" width="50px" height="50px" style="left: 100px; top: 100px;"></canvas><canvas id="2057.543795157072" class="spaceCanvas" width="50px" height="50px" style="left: 100px; top: 150px;"></canvas><canvas id="6052.336590668521" class="spaceCanvas" width="50px" height="50px" style="left: 100px; top: 200px;"></canvas><canvas id="8808.619118621516" class="spaceCanvas" width="50px" height="50px" style="left: 100px; top: 250px;"></canvas><canvas id="972.5712694044907" class="spaceCanvas" width="50px" height="50px" style="left: 100px; top: 300px;"></canvas><canvas id="2508.3224317444597" class="spaceCanvas" width="50px" height="50px" style="left: 100px; top: 350px;"></canvas><canvas id="1159.9767148465212" class="spaceCanvas" width="50px" height="50px" style="left: 150px; top: 0px;"></canvas><canvas id="4131.025045669192" class="spaceCanvas" width="50px" height="50px" style="left: 150px; top: 50px;"></canvas><canvas id="4704.768017679342" class="spaceCanvas" width="50px" height="50px" style="left: 150px; top: 100px;"></canvas><canvas id="5171.089409247761" class="spaceCanvas" width="50px" height="50px" style="left: 150px; top: 150px;"></canvas><canvas id="7173.439889508676" class="spaceCanvas" width="50px" height="50px" style="left: 150px; top: 200px;"></canvas><canvas id="1418.3020322978957" class="spaceCanvas" width="50px" height="50px" style="left: 150px; top: 250px;"></canvas><canvas id="7142.286269971195" class="spaceCanvas" width="50px" height="50px" style="left: 150px; top: 300px;"></canvas><canvas id="5319.899181884008" class="spaceCanvas" width="50px" height="50px" style="left: 150px; top: 350px;"></canvas><canvas id="4408.485866638061" class="spaceCanvas" width="50px" height="50px" style="left: 200px; top: 0px;"></canvas><canvas id="7107.713495057569" class="spaceCanvas" width="50px" height="50px" style="left: 200px; top: 50px;"></canvas><canvas id="3457.6398775509597" class="spaceCanvas" width="50px" height="50px" style="left: 200px; top: 100px;"></canvas><canvas id="197.52185068860894" class="spaceCanvas" width="50px" height="50px" style="left: 200px; top: 150px;"></canvas><canvas id="7561.628365941709" class="spaceCanvas" width="50px" height="50px" style="left: 200px; top: 200px;"></canvas><canvas id="643.4281610451353" class="spaceCanvas" width="50px" height="50px" style="left: 200px; top: 250px;"></canvas><canvas id="8570.332497185313" class="spaceCanvas" width="50px" height="50px" style="left: 200px; top: 300px;"></canvas><canvas id="1751.9803029733828" class="spaceCanvas" width="50px" height="50px" style="left: 200px; top: 350px;"></canvas><canvas id="4943.454982064957" class="spaceCanvas" width="50px" height="50px" style="left: 250px; top: 0px;"></canvas><canvas id="9774.96857881561" class="spaceCanvas" width="50px" height="50px" style="left: 250px; top: 50px;"></canvas><canvas id="2830.3193941155614" class="spaceCanvas" width="50px" height="50px" style="left: 250px; top: 100px;"></canvas><canvas id="6655.939005950877" class="spaceCanvas" width="50px" height="50px" style="left: 250px; top: 150px;"></canvas><canvas id="2395.92594250994" class="spaceCanvas" width="50px" height="50px" style="left: 250px; top: 200px;"></canvas><canvas id="5427.1851722991" class="spaceCanvas" width="50px" height="50px" style="left: 250px; top: 250px;"></canvas><canvas id="4277.898397629441" class="spaceCanvas" width="50px" height="50px" style="left: 250px; top: 300px;"></canvas><canvas id="2321.9052206641522" class="spaceCanvas" width="50px" height="50px" style="left: 250px; top: 350px;"></canvas><canvas id="2104.429540303192" class="spaceCanvas" width="50px" height="50px" style="left: 300px; top: 0px;"></canvas><canvas id="5411.15009579993" class="spaceCanvas" width="50px" height="50px" style="left: 300px; top: 50px;"></canvas><canvas id="7661.625688255324" class="spaceCanvas" width="50px" height="50px" style="left: 300px; top: 100px;"></canvas><canvas id="452.3922069528241" class="spaceCanvas" width="50px" height="50px" style="left: 300px; top: 150px;"></canvas><canvas id="7168.765854284094" class="spaceCanvas" width="50px" height="50px" style="left: 300px; top: 200px;"></canvas><canvas id="61.71260337605511" class="spaceCanvas" width="50px" height="50px" style="left: 300px; top: 250px;"></canvas><canvas id="3644.6062143972413" class="spaceCanvas" width="50px" height="50px" style="left: 300px; top: 300px;"></canvas><canvas id="6242.015938603087" class="spaceCanvas" width="50px" height="50px" style="left: 300px; top: 350px;"></canvas><canvas id="1665.1099455697326" class="spaceCanvas" width="50px" height="50px" style="left: 350px; top: 0px;"></canvas><canvas id="2332.5143312933515" class="spaceCanvas" width="50px" height="50px" style="left: 350px; top: 50px;"></canvas><canvas id="5676.855992583194" class="spaceCanvas" width="50px" height="50px" style="left: 350px; top: 100px;"></canvas><canvas id="8648.733751107542" class="spaceCanvas" width="50px" height="50px" style="left: 350px; top: 150px;"></canvas><canvas id="2052.8437542039856" class="spaceCanvas" width="50px" height="50px" style="z-index: -1; left: 350px; top: 200px;"></canvas><canvas id="9304.165622866904" class="spaceCanvas" width="50px" height="50px" style="left: 350px; top: 250px;"></canvas><canvas id="7069.734013540986" class="spaceCanvas" width="50px" height="50px" style="left: 350px; top: 300px;"></canvas><canvas id="6523.3841817933235" class="spaceCanvas" width="50px" height="50px" style="left: 350px; top: 350px;"></canvas><canvas id="4262.439630086573" class="spaceCanvas" width="50px" height="50px" style="left: 400px; top: 0px;"></canvas><canvas id="6738.685533490074" class="spaceCanvas" width="50px" height="50px" style="left: 400px; top: 50px;"></canvas><canvas id="8669.141075041027" class="spaceCanvas" width="50px" height="50px" style="left: 400px; top: 100px;"></canvas><canvas id="984.0315813395872" class="spaceCanvas" width="50px" height="50px" style="left: 400px; top: 150px;"></canvas><canvas id="8725.3944682288" class="spaceCanvas" width="50px" height="50px" style="left: 400px; top: 200px;"></canvas><canvas id="4992.2176525645145" class="spaceCanvas" width="50px" height="50px" style="left: 400px; top: 250px;"></canvas><canvas id="9624.227901669854" class="spaceCanvas" width="50px" height="50px" style="left: 400px; top: 300px;"></canvas><canvas id="5767.047229065963" class="spaceCanvas" width="50px" height="50px" style="left: 400px; top: 350px;"></canvas><canvas id="8168.819887526997" class="spaceCanvas" width="50px" height="50px" style="left: 450px; top: 0px;"></canvas><canvas id="4730.655440637988" class="spaceCanvas" width="50px" height="50px" style="left: 450px; top: 50px;"></canvas><canvas id="1795.50350956166" class="spaceCanvas" width="50px" height="50px" style="left: 450px; top: 100px;"></canvas><canvas id="5707.238865820254" class="spaceCanvas" width="50px" height="50px" style="left: 450px; top: 150px;"></canvas><canvas id="7393.20609071921" class="spaceCanvas" width="50px" height="50px" style="left: 450px; top: 200px;"></canvas><canvas id="605.8061956655347" class="spaceCanvas" width="50px" height="50px" style="left: 450px; top: 250px;"></canvas><canvas id="8728.82538641071" class="spaceCanvas" width="50px" height="50px" style="left: 450px; top: 300px;"></canvas><canvas id="8040.67521963334" class="spaceCanvas" width="50px" height="50px" style="left: 450px; top: 350px;"></canvas><canvas id="9284.85244831187" class="spaceCanvas" width="50px" height="50px" style="left: 500px; top: 0px;"></canvas><canvas id="3725.984522819109" class="spaceCanvas" width="50px" height="50px" style="left: 500px; top: 50px;"></canvas><canvas id="9310.882718009823" class="spaceCanvas" width="50px" height="50px" style="left: 500px; top: 100px;"></canvas><canvas id="2729.2288354620196" class="spaceCanvas" width="50px" height="50px" style="left: 500px; top: 150px;"></canvas><canvas id="3179.3691767175023" class="spaceCanvas" width="50px" height="50px" style="left: 500px; top: 200px;"></canvas><canvas id="9473.183490014653" class="spaceCanvas" width="50px" height="50px" style="left: 500px; top: 250px;"></canvas><canvas id="4552.580038345724" class="spaceCanvas" width="50px" height="50px" style="left: 500px; top: 300px;"></canvas><canvas id="4680.598088940734" class="spaceCanvas" width="50px" height="50px" style="left: 500px; top: 350px;"></canvas><canvas id="794.582926381906" class="spaceCanvas" width="50px" height="50px" style="left: 550px; top: 0px;"></canvas><canvas id="8272.668881171645" class="spaceCanvas" width="50px" height="50px" style="left: 550px; top: 50px;"></canvas><canvas id="4287.990073176724" class="spaceCanvas" width="50px" height="50px" style="left: 550px; top: 100px;"></canvas><canvas id="7716.979799224818" class="spaceCanvas" width="50px" height="50px" style="left: 550px; top: 150px;"></canvas><canvas id="5771.754062072666" class="spaceCanvas" width="50px" height="50px" style="left: 550px; top: 200px;"></canvas><canvas id="251.68881209850835" class="spaceCanvas" width="50px" height="50px" style="left: 550px; top: 250px;"></canvas><canvas id="7261.861505396384" class="spaceCanvas" width="50px" height="50px" style="left: 550px; top: 300px;"></canvas><canvas id="7514.116950187266" class="spaceCanvas" width="50px" height="50px" style="left: 550px; top: 350px;"></canvas><canvas id="9509.909075667008" class="spaceCanvas" width="50px" height="50px" style="left: 600px; top: 0px;"></canvas><canvas id="5295.075697094878" class="spaceCanvas" width="50px" height="50px" style="left: 600px; top: 50px;"></canvas><canvas id="9218.155291320538" class="spaceCanvas" width="50px" height="50px" style="left: 600px; top: 100px;"></canvas><canvas id="635.6430615393039" class="spaceCanvas" width="50px" height="50px" style="left: 600px; top: 150px;"></canvas><canvas id="7342.096748091502" class="spaceCanvas" width="50px" height="50px" style="left: 600px; top: 200px;"></canvas><canvas id="3826.6757457888243" class="spaceCanvas" width="50px" height="50px" style="left: 600px; top: 250px;"></canvas><canvas id="9455.331813426259" class="spaceCanvas" width="50px" height="50px" style="left: 600px; top: 300px;"></canvas><canvas id="2645.2287761340863" class="spaceCanvas" width="50px" height="50px" style="left: 600px; top: 350px;"></canvas><canvas id="5426.9142190424545" class="spaceCanvas" width="50px" height="50px" style="left: 650px; top: 0px;"></canvas><canvas id="8409.427030488572" class="spaceCanvas" width="50px" height="50px" style="left: 650px; top: 50px;"></canvas><canvas id="6192.750838343135" class="spaceCanvas" width="50px" height="50px" style="left: 650px; top: 100px;"></canvas><canvas id="457.7787171614922" class="spaceCanvas" width="50px" height="50px" style="left: 650px; top: 150px;"></canvas><canvas id="9352.207180190679" class="spaceCanvas" width="50px" height="50px" style="left: 650px; top: 200px;"></canvas><canvas id="8849.309336405373" class="spaceCanvas" width="50px" height="50px" style="left: 650px; top: 250px;"></canvas><canvas id="2367.372853676385" class="spaceCanvas" width="50px" height="50px" style="left: 650px; top: 300px;"></canvas><canvas id="5582.569406070705" class="spaceCanvas" width="50px" height="50px" style="left: 650px; top: 350px;"></canvas><canvas id="3027.3334233893434" class="spaceCanvas" width="50px" height="50px" style="left: 700px; top: 0px;"></canvas><canvas id="6156.002905708097" class="spaceCanvas" width="50px" height="50px" style="left: 700px; top: 50px;"></canvas><canvas id="3144.7442847586826" class="spaceCanvas" width="50px" height="50px" style="left: 700px; top: 100px;"></canvas><canvas id="603.6976066812027" class="spaceCanvas" width="50px" height="50px" style="left: 700px; top: 150px;"></canvas><canvas id="1672.5884413924864" class="spaceCanvas" width="50px" height="50px" style="left: 700px; top: 200px;"></canvas><canvas id="4926.504869434855" class="spaceCanvas" width="50px" height="50px" style="left: 700px; top: 250px;"></canvas><canvas id="7769.609470435499" class="spaceCanvas" width="50px" height="50px" style="left: 700px; top: 300px;"></canvas><canvas id="6549.388841541407" class="spaceCanvas" width="50px" height="50px" style="left: 700px; top: 350px;"></canvas><canvas id="1740.5072507138964" class="spaceCanvas" width="50px" height="50px" style="left: 750px; top: 0px;"></canvas><canvas id="1406.6518659126525" class="spaceCanvas" width="50px" height="50px" style="left: 750px; top: 50px;"></canvas><canvas id="3891.3185876605603" class="spaceCanvas" width="50px" height="50px" style="left: 750px; top: 100px;"></canvas><canvas id="9100.216265966907" class="spaceCanvas" width="50px" height="50px" style="left: 750px; top: 150px;"></canvas><canvas id="9005.921333543632" class="spaceCanvas" width="50px" height="50px" style="left: 750px; top: 200px;"></canvas><canvas id="9385.50405204732" class="spaceCanvas" width="50px" height="50px" style="left: 750px; top: 250px;"></canvas><canvas id="7182.940648520019" class="spaceCanvas" width="50px" height="50px" style="left: 750px; top: 300px;"></canvas><canvas id="2829.465168555606" class="spaceCanvas" width="50px" height="50px" style="left: 750px; top: 350px;"></canvas></div>
|
|
|
|
<nav id="menu" class="modalPanel">
|
|
<h2 class="clickable"> Menu </h2>
|
|
<hr>
|
|
<ul>
|
|
<li class="newGame">New Game</li>
|
|
<li id="gameMode">
|
|
<span id="arcadeMode" class="selected">Arcade Mode</span> <br>
|
|
<span id="puzzleMode">Puzzle Mode</span> <br>
|
|
<span id="challengeMode">Challenge Mode</span>
|
|
</li>
|
|
<li id="instructions">Instructions</li>
|
|
<li id="highScores">High Scores</li>
|
|
</ul>
|
|
|
|
</nav>
|
|
|
|
<div id="instructionsPanel" class="modalPanel hidden">
|
|
<h2> Guide to Play </h2>
|
|
<hr>
|
|
<p> Piper is a puzzle game inspired by Pipe Dream.
|
|
The goal of the game is to connect the lefthand entry pipe to the righthand exit pipe by rotating and moving
|
|
the intermediary pipes.</p>
|
|
<img src="files/goals.png" class="right" alt="entryAndExitPipes">
|
|
|
|
<p> There is a time limit. After a set amount of time
|
|
(depending upon the game mode) green sludge will begin to be pumped
|
|
through the entry pipe.
|
|
If at any point there is no pipe in front of it, you lose! </p>
|
|
|
|
<p>
|
|
Any pipe may be rotated by clicking on it and dragging the
|
|
mouse. Clicking and dragging right or down will swing the pipe
|
|
clockwise.
|
|
Left or up will swing it counter-clockwise. </p>
|
|
<img src="files/mousemove.png" class="fullWidth" alt="mouseDemonstration">
|
|
<p>
|
|
Alternatively, any piece may be rotated clockwise 90 degrees with a single left or right. </p>
|
|
|
|
<p>
|
|
Additionally, any pipe adjacent to the empty space may be
|
|
swapped for the empty space with a left click.
|
|
This takes precedence over rotations on the left click.
|
|
Rotations next to the empty space require clicking and dragging.
|
|
</p>
|
|
<img src="files/emptyclick.png" class="fullWidth" alt="">
|
|
<p>
|
|
Note well, proper use of the empty space is integral to
|
|
getting a high score in this game.
|
|
You cannot cross over any pipe that has already been filled
|
|
with sludge. If your empty space gets stuck somewhere, your game may
|
|
become impossible to win.
|
|
|
|
</p><p> <img src="files/barriers.png" class="right" alt="" ;="">
|
|
When in puzzle mode, the sludge will move slower, so you will have more
|
|
time to plan your moves. However, you will also have to contend with
|
|
barriers.
|
|
Barriers cannot be moved, and if the sludge ever meets a
|
|
barrier, you will lose.</p>
|
|
|
|
<p> When in challenge mode, the sludge will move slightly
|
|
slower, but you will have two entry and exit pipes to connect. If two
|
|
streams meet each other, you will lose.
|
|
</p>
|
|
</div>
|
|
|
|
<div id="highScoresPanel" class="modalPanel hidden">
|
|
<h2> High Scores </h2>
|
|
<hr>
|
|
<li class="highscore">135 COB
|
|
</li><li class="highscore">127 COB
|
|
</li><li class="highscore">127 COB
|
|
</li><li class="highscore">125 COB
|
|
</li><li class="highscore">125 COB
|
|
</li><script type="text/javascript"> window.highScores = ["135 COB " , "127 COB " , "127 COB " , "125 COB " , "125 COB " ] </script> </div>
|
|
|
|
<div id="winPanel" class="modalPanel winloss hidden">
|
|
<h2>You won!</h2>
|
|
<br><br>
|
|
<p>
|
|
Nice Job.
|
|
</p>
|
|
<p>
|
|
Your score was: <span id="scoreReport"> </span> <br>
|
|
<br>
|
|
<span class="newGame clickable"> Play Again </span>
|
|
</p>
|
|
</div>
|
|
|
|
<div id="lossPanel" class="modalPanel winloss hidden">
|
|
<h2>You Lost!</h2>
|
|
<hr>
|
|
<br>
|
|
<p>
|
|
You were <span id="distanceReport"> </span> spaces away from the end. <br> <br>
|
|
</p>
|
|
<p>
|
|
<span class="newGame clickable"> Try Again </span>
|
|
</p>
|
|
</div>
|
|
|
|
<div id="newHighScorePanel" class="modalPanel hidden">
|
|
<h2> You got a high score! </h2>
|
|
<hr>
|
|
<form>
|
|
<label> Your Initials:
|
|
<input id="initials" name="initials" maxlength="3" placeholder="XYZ" type="text">
|
|
|
|
</label>
|
|
<br>
|
|
<input id="initialsSubmit" type="submit">
|
|
</form>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
<!-- Mirrored from www.mathsisfun.com/games/a/plumber2/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 01:09:18 GMT -->
|
|
</html> |