mirror of
https://github.com/id-Software/wolf3d-browser.git
synced 2024-11-21 12:11:13 +00:00
e0b653888d
This is the code for the browser version of Wolfenstein 3D which is playable on http://www.wolfenstein.com/game_NA.php
232 lines
No EOL
9.3 KiB
HTML
232 lines
No EOL
9.3 KiB
HTML
<!DOCTYPE HTML>
|
|
<html lang="en-US">
|
|
<head>
|
|
<!--
|
|
Copyright (C) 2012 id Software LLC, a ZeniMax Media company.
|
|
|
|
This file is part of the WOLF3D Browser Version GPL Source Code.
|
|
-->
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="pragma" content="no-cache" />
|
|
<meta http-equiv="cache-control" content="max-age=0" />
|
|
<meta http-equiv="cache-control" content="no-cache" />
|
|
<meta http-equiv="cache-control" content="no-store" />
|
|
<meta name="viewport" content="width=640, height=400, user-scalable=no">
|
|
<link rel="shortcut icon" href="favicon.png" />
|
|
<title>Wolfenstein 3D</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
|
|
<script src="js/modernizr.custom.js"></script>
|
|
<script src="js/jquery-1.7.1.min.js"></script>
|
|
<script src="js/load.js"></script>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<div id="main">
|
|
<div id="title-screen"></div>
|
|
|
|
<div id="menu">
|
|
<div class="message confirm-newgame">
|
|
<div class="box"></div>
|
|
</div>
|
|
|
|
<div class="menu main">
|
|
<ul class="selector">
|
|
<li data-submenu="episodes" class="newgame"><div class="button"></div></li>
|
|
<li data-submenu="sound" class="sound"><div class="button"></div></li>
|
|
<li data-submenu="control" class="control"><div class="button"></div></li>
|
|
<li class="readthis"><div class="button"></div></li>
|
|
<li class="resumegame"><div class="button"></div></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="menu sound" data-backmenu="main">
|
|
<ul class="selector">
|
|
<li class="sfxon"><div class="button"><div class="light"></div></div></li>
|
|
<li class="sfxoff"><div class="button"><div class="light"></div></div></li>
|
|
<li class="musicon"><div class="button"><div class="light"></div></div></li>
|
|
<li class="musicoff"><div class="button"><div class="light"></div></div></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="menu control" data-backmenu="main">
|
|
<ul class="selector">
|
|
<li class="mouseenabled"><div class="button"><div class="light"></div></div></li>
|
|
<li data-submenu="customize" class="customize"><div class="button"></div></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="menu customize" data-backmenu="control">
|
|
<ul class="selector">
|
|
<li class="customizekeys line1"><div class="button">
|
|
<span class="k1 run" data-action="run"></span>
|
|
<span class="k2 use" data-action="use"></span>
|
|
<span class="k3 attack" data-action="attack"></span>
|
|
<span class="k4 strafe" data-action="strafe"></span>
|
|
</div></li>
|
|
<li class="customizekeys line1"><div class="button">
|
|
<span class="k1 left" data-action="left"></span>
|
|
<span class="k2 right" data-action="right"></span>
|
|
<span class="k3 up" data-action="up"></span>
|
|
<span class="k4 down" data-action="down"></span>
|
|
</div></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="menu skill" data-backmenu="episodes">
|
|
<div class="face"></div>
|
|
<ul class="selector">
|
|
<li data-submenu="levels" data-skill="gd_baby" class="baby"><div class="button"></div></li>
|
|
<li data-submenu="levels" data-skill="gd_easy" class="easy"><div class="button"></div></li>
|
|
<li data-submenu="levels" data-skill="gd_medium" class="medium"><div class="button"></div></li>
|
|
<li data-submenu="levels" data-skill="gd_hard" class="hard"><div class="button"></div></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="menu episodes" data-backmenu="main">
|
|
<ul>
|
|
<li data-episode="0" class="episode-0"><div class="button"></div></li>
|
|
<li data-episode="1" class="episode-1"><div class="button"></div></li>
|
|
<li data-episode="2" class="episode-2"><div class="button"></div></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="menu levels" data-backmenu="skill">
|
|
<ul class="two-column selector">
|
|
<li data-level="0" class="level-0"><div class="button"></div></li>
|
|
<li data-level="1" class="level-1"><div class="button"></div></li>
|
|
<li data-level="2" class="level-2"><div class="button"></div></li>
|
|
<li data-level="3" class="level-3"><div class="button"></div></li>
|
|
<li data-level="4" class="level-4"><div class="button"></div></li>
|
|
</ul>
|
|
<ul class="two-column selector">
|
|
<li data-level="5" class="level-5"><div class="button"></div></li>
|
|
<li data-level="6" class="level-6"><div class="button"></div></li>
|
|
<li data-level="7" class="level-7"><div class="button"></div></li>
|
|
<li data-level="8" class="level-8"><div class="button"></div></li>
|
|
<li data-level="9" class="level-9"><div class="button"></div></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="text-screen"></div>
|
|
|
|
|
|
<div id="game">
|
|
<div class="fps"></div>
|
|
|
|
<div class="renderer">
|
|
<div class="ceiling"></div>
|
|
<div class="floor"></div>
|
|
<div class="player-weapon"></div>
|
|
<div class="damage-flash overlay"></div>
|
|
<div class="bonus-flash overlay"></div>
|
|
<div class="death overlay"></div>
|
|
<div class="pause overlay"><img alt="" src="art/paused.png"/></div>
|
|
</div>
|
|
|
|
<div class="loading"><img alt="" src="art/getpsyched.png"/></div>
|
|
|
|
<div class="gameover"></div>
|
|
|
|
<div class="intermission">
|
|
<div class="background"></div>
|
|
<div class="background-secret"></div>
|
|
<div class="background-victory"></div>
|
|
|
|
<div class="bj"></div>
|
|
|
|
<div class="floor stat">
|
|
<div class="digit"></div>
|
|
<div class="digit"></div>
|
|
</div>
|
|
|
|
<div class="bonus stat">
|
|
<div class="digit"></div>
|
|
<div class="digit"></div>
|
|
<div class="digit"></div>
|
|
<div class="digit"></div>
|
|
<div class="digit"></div>
|
|
<div class="digit"></div>
|
|
</div>
|
|
|
|
<div class="total-time-minutes victory-stat">
|
|
<div class="digit"></div><div class="digit"></div>
|
|
</div>
|
|
<div class="total-time-seconds victory-stat">
|
|
<div class="digit"></div><div class="digit"></div>
|
|
</div>
|
|
|
|
<div class="time-minutes stat">
|
|
<div class="digit"></div>
|
|
<div class="digit"></div>
|
|
</div>
|
|
<div class="time-seconds stat">
|
|
<div class="digit"></div>
|
|
<div class="digit"></div>
|
|
</div>
|
|
<div class="par-minutes stat">
|
|
<div class="digit"></div>
|
|
<div class="digit"></div>
|
|
</div>
|
|
<div class="par-seconds stat">
|
|
<div class="digit"></div>
|
|
<div class="digit"></div>
|
|
</div>
|
|
|
|
<div class="kill-ratio stat">
|
|
<div class="digit"></div>
|
|
<div class="digit"></div>
|
|
<div class="digit"></div>
|
|
</div>
|
|
<div class="secret-ratio stat">
|
|
<div class="digit"></div>
|
|
<div class="digit"></div>
|
|
<div class="digit"></div>
|
|
</div>
|
|
<div class="treasure-ratio stat">
|
|
<div class="digit"></div>
|
|
<div class="digit"></div>
|
|
<div class="digit"></div>
|
|
</div>
|
|
|
|
<div class="avg-kill-ratio victory-stat">
|
|
<div class="digit"></div><div class="digit"></div><div class="digit"></div>
|
|
</div>
|
|
<div class="avg-secret-ratio victory-stat">
|
|
<div class="digit"></div><div class="digit"></div><div class="digit"></div>
|
|
</div>
|
|
<div class="avg-treasure-ratio victory-stat">
|
|
<div class="digit"></div><div class="digit"></div><div class="digit"></div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="hud">
|
|
<div class="floor number-container">
|
|
<div class="number"></div>
|
|
</div>
|
|
<div class="score number-container">
|
|
<div class="number"></div><div class="number"></div><div class="number"></div><div class="number"></div><div class="number"></div><div class="number"></div>
|
|
</div>
|
|
<div class="lives number-container">
|
|
<div class="number"></div>
|
|
</div>
|
|
<div class="health number-container">
|
|
<div class="number"></div><div class="number"></div><div class="number"></div>
|
|
</div>
|
|
<div class="ammo number-container">
|
|
<div class="number"></div><div class="number"></div>
|
|
</div>
|
|
<div class="key1"></div>
|
|
<div class="key2"></div>
|
|
<div class="bj"></div>
|
|
<div class="weapon"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html> |