mirror of
https://github.com/QuiteAFancyEmerald/Holy-Unblocker.git
synced 2025-05-16 13:10:00 -04:00
94 lines
3.7 KiB
HTML
94 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
<head>
|
|
<title>Javascript Racer</title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|
<link href="https://cdn.jsdelivr.net/gh/BinBashBanana/gstore/html5games/racer/common.css" rel="stylesheet" type="text/css" />
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<table id="controls" style="display:none">
|
|
<tr>
|
|
<td colspan="2">
|
|
<a href='v1.straight.html'>straight</a> |
|
|
<a href='v2.curves.html'>curves</a> |
|
|
<a href='v3.hills.html'>hills</a> |
|
|
<a href='v4.final.html'>final</a>
|
|
</td>
|
|
</tr>
|
|
<tr><td id="fps" colspan="2" align="right"></td></tr>
|
|
<tr>
|
|
<th><label for="resolution">Resolution :</label></th>
|
|
<td>
|
|
<select id="resolution" style="width:100%">
|
|
<option selected value='fine'>Fine (1280x960)</option>
|
|
<option value='high'>High (1024x768)</option>
|
|
<option value='medium'>Medium (640x480)</option>
|
|
<option value='low'>Low (480x360)</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th><label for="lanes">Lanes :</label></th>
|
|
<td>
|
|
<select id="lanes">
|
|
<option>1</option>
|
|
<option>2</option>
|
|
<option selected>3</option>
|
|
<option>4</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th><label for="roadWidth">Road Width (<span id="currentRoadWidth"></span>) :</label></th>
|
|
<td><input id="roadWidth" type='range' min='500' max='3000' title="integer (500-3000)"></td>
|
|
</tr>
|
|
<tr>
|
|
<th><label for="cameraHeight">CameraHeight (<span id="currentCameraHeight"></span>) :</label></th>
|
|
<td><input id="cameraHeight" type='range' min='500' max='5000' title="integer (500-5000)"></td>
|
|
</tr>
|
|
<tr>
|
|
<th><label for="drawDistance">Draw Distance (<span id="currentDrawDistance"></span>) :</label></th>
|
|
<td><input id="drawDistance" type='range' min='100' max='500' title="integer (100-500)"></td>
|
|
</tr>
|
|
<tr>
|
|
<th><label for="fieldOfView">Field of View (<span id="currentFieldOfView"></span>) :</label></th>
|
|
<td><input id="fieldOfView" type='range' min='80' max='140' title="integer (80-140)"></td>
|
|
</tr>
|
|
<tr>
|
|
<th><label for="fogDensity">Fog Density (<span id="currentFogDensity"></span>) :</label></th>
|
|
<td><input id="fogDensity" type='range' min='0' max='50' title="integer (0-50)"></td>
|
|
</tr>
|
|
</table>
|
|
|
|
<div id='instructions' style="display:none">
|
|
<p>Use the <b>arrow keys</b> to drive the car.</p>
|
|
</div>
|
|
|
|
<div id="racer">
|
|
<div id="hud" style="width:100%;position:fixed;left:0;top:0;right:0">
|
|
<span id="speed" class="hud"><span id="speed_value" class="value">0</span> mph</span>
|
|
<span id="current_lap_time" class="hud">Time: <span id="current_lap_time_value" class="value">0.0</span></span>
|
|
<span id="last_lap_time" class="hud">Last Lap: <span id="last_lap_time_value" class="value">0.0</span></span>
|
|
<span id="fast_lap_time" class="hud">Fastest Lap: <span id="fast_lap_time_value" class="value">0.0</span></span>
|
|
</div>
|
|
<canvas id="canvas" style="width:100%;height:100%;position:fixed;left:0;top:0;right:0;bottom:0">
|
|
Sorry, this example cannot be run because your browser does not support the <canvas> element
|
|
</canvas>
|
|
Loading...
|
|
</div>
|
|
|
|
<audio id='music'>
|
|
<source src="music/racer.ogg">
|
|
<source src="music/racer.mp3">
|
|
</audio>
|
|
<span id="mute" style="display:none"></span>
|
|
|
|
<script src="https://cdn.jsdelivr.net/gh/BinBashBanana/gstore/html5games/racer/js/stats.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/gh/BinBashBanana/gstore/html5games/racer/js/common.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/gh/BinBashBanana/gstore/html5games/racer/js/main.js"></script>
|
|
|
|
</body>
|
|
</html>
|