Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
tree: d1fce3692e
Fetching contributors…

Cannot retrieve contributors at this time

101 lines (99 sloc) 5.718 kb
<!doctype html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>BananaBread</title>
<link rel="stylesheet" href="css/style.css">
<link href="//www.mozilla.org/tabzilla/media/css/tabzilla.css" rel="stylesheet" />
</head>
<body>
<a href="http://www.mozilla.org/" id="tabzilla">mozilla</a>
<div id="main-container">
<div class="demo-title">Bananabread Demo</div>
<div class="section progress-area">
<div class="status">
<div class="status-content loading">
<div class="preview">
<div class="preview-content low">
<div class="description">
A small arena to fight in. No exploration, just combat!
</div>
</div>
<div class="preview-content medium">
<div class="description">
A large castle with two separated towers. Walk the grounds, climb up the towers, and make sure to look at the reflections in the water!
</div>
</div>
<div class="preview-content high">
<div class="description">
A large underground complex with a huge chamber of lava as well as side rooms with pools of water and intricate columns. Notice the texture effects on the walls and other visual effects like glare on the lava itself. This level is very large and detail levels are set to the max - it is designed to stress your browser. (Tip: Find the three teleporters!)
</div>
</div>
<div class="level-title">Preparing<span></span></div>
</div>
<div class="progress-container">
<span id="status-text">Downloading...</span>
<progress value="0" max="100" id="progress"></progress>
</div>
<div class="status-content error hide">
<span class="title">Oops!</span>
<p>There was a problem starting Bananabread. Please see the <a href="#troubleshooting">Troubleshooting</a> section below for more information.</p>
<p>Technical Details: <span class="details"></span></p>
</div>
</div>
<div class="status-content ingame hide">
<a class="fullscreen-button resume">Resume</a>
<a class="fullscreen-button quit">Quit</a>
</div>
<div class="status-content fullscreen-buttons hide">
<div class="resolution-message">To play, choose a resolution:</div>
<a class="fullscreen-button low-res">Low Resolution</a>
<a class="fullscreen-button high-res">High Resolution</a>
<div class="warning">Warning: High Resolution mode will run more slowly on older/slower machines.</div>
</div>
<canvas id="canvas" class="status-content hide" oncontextmenu="event.preventDefault()"></canvas>
</div>
</div>
<div class="section">
<div class="title">Gameplay Instructions</div>
<ul>
<li>Move with WASD, jump with space, look around with the mouse.</li>
<li>Shoot with the mouse, change weapons with 1-5.</li>
<li>You can change some settings using the main menu (press 0 or <code>`</code>). For example, add another bot with "add bot", or change the resolution with options->res.</li>
<li>'e' toggles edit mode, which lets you fly around the map and actually modify it.</li>
<li>Press 9 to toggle thirdperson mode (to see your own character)</li>
</ul>
</p>
</div>
<div class="section" id="troubleshooting">
<div class="title">Troubleshooting</div>
<p>
Please note that up to date versions of modern browers are needed to run this demo, and it will not launch if it detects crucial features are missing.
<ul>
<li>The demo works properly in the <a href="http://www.mozilla.org/firefox/new/">stable release of Firefox</a>.</li>
<li>To get the demo to work in Chrome, you need to switch pointer lock to on (as it is disabled by default). You can switch it on by going to <code>chrome://flags</code> and switching "Pointer Lock" to on.</li>
<li>The demo should also work in any browser that supports the necessary web standards: Pointer lock, WebGL, compressed textures, fullscreen, and typed arrays.</li>
<li>If you have trouble with WebGL, get help <a href="http://get.webgl.org/">here</a>.</li>
</ul>
</p>
<p>
See the project <b><a href="https://github.com/kripken/BananaBread/wiki/FAQ">FAQ</a></b> (specifically the technical part) for solutions to common problems.
</p>
<p>
Known issues:
<ul>
<li>Internet Explorer can't run the demo because it does not support WebGL yet. Please ask Microsoft to support it.</li>
<li>Older versions of Safari lack Float64Array and cannot run the compiled code.</li>
<li>Sound <a href="https://code.google.com/p/chromium/issues/detail?id=138454">has some glitches in Chrome</a>.</li>
<li>Mesa on Firefox 15 on Linux does not support compressed textures, but it <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=774134">works in Firefox 16</a>.</li>
</ul>
</p>
</div>
<div class="section">
<p><a href="index.html">&lt; Back to Main Page</a></p>
</div>
<script type='text/javascript' src='js/game-setup.js'></script>
<script src="//www.mozilla.org/tabzilla/media/js/tabzilla.js"></script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.