46 lines
1.5 KiB
HTML
46 lines
1.5 KiB
HTML
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<!-- public resources -->
|
|
<link
|
|
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
|
|
rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
|
|
crossorigin="anonymous" />
|
|
|
|
<!-- local resources -->
|
|
<link rel="stylesheet" href="/index.css"/>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<label class="form-label" for="customRange1">Example range</label>
|
|
|
|
<div id='canvas'></div>
|
|
|
|
<button id="reset-game">reset-game</button>
|
|
<button id="pause-game">pause-game</button>
|
|
<div id="game_status"></div>
|
|
|
|
<div>
|
|
|
|
<label for="volume">framerate</label>
|
|
<input type="range" id="frame-rate-range" name="frame-rate-range" min="10" max="100" step="10" />
|
|
<div id="frame-rate-value"></div>
|
|
|
|
</div>
|
|
|
|
<!-- public resources -->
|
|
<script
|
|
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
|
|
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.2.0/p5.js"></script>
|
|
|
|
<!-- local resources -->
|
|
<script src="/index.js"></script>
|
|
|
|
</body>
|
|
</html>
|