simponic.xyz/euler-golf/index.html

81 lines
2.2 KiB
HTML
Raw Permalink Normal View History

2023-02-24 17:02:20 -05:00
<!DOCTYPE html>
<html>
<head>
<title>Euler Golf 2</title>
<link rel="stylesheet" type="text/css" href="css/styles.css" />
2024-03-10 00:20:28 -05:00
<meta charset="utf-8">
2023-02-24 17:02:20 -05:00
</head>
<body>
<canvas id="canvas"></canvas>
<div class="controls" id="controls-container">
<div id="controls" style="display: none">
<div class="buttons">
<button id="reset">Reset</button>
<button id="solve">Solve</button>
<button id="directions">Directions</button>
</div>
<div class="slider">
<label>Gap</label>
<input type="range" min="15" max="80" id="gap" />
</div>
2023-02-24 17:02:20 -05:00
</div>
<span id="expand-show">↑↑</span>
</div>
<div
id="directions-modal"
class="modal"
style="display: none"
tabindex="-1"
role="dialog"
>
<button
type="button"
class="close"
data-dismiss="modal"
aria-label="Close"
>
<span aria-hidden="true">X</span>
</button>
<div class="modal-body">
<div style="margin: 0; display: inline-block">
<h1 style="text-align: center">Euler Golf 2</h1>
<p>
Use the left and right arrow keys as navigation & hover over the
bottom right corner for controls.
</p>
<p>Rules</p>
<ul>
<li>
Every move consists of a 90 degree rotation around your last
position.
</li>
<li>You begin at the point one unit right from the center.</li>
<li>
The inital point that you rotate around is the origin (blue).
</li>
<li>You must navigate to the target point (white).</li>
2023-02-24 17:02:20 -05:00
</ul>
<p>
Initial game by
<a href="https://kylehovey.github.io/EulerGolf/">speleo</a>,
reimplemented & solved by
<a href="https://github.com/Simponic">simponic</a>.
</p>
</div>
</div>
</div>
<script src="js/modal-vanilla.min.js"></script>
<script src="js/cx.js"></script>
<script src="js/json-ds.js"></script>
<script src="js/sol.js"></script>
2023-02-24 17:02:20 -05:00
<script src="js/game.js"></script>
<script src="js/controls.js"></script>
</body>
</html>