2022-10-03 04:20:44 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
2023-05-06 17:04:44 +00:00
|
|
|
<title>Sega Genesis - Moa</title>
|
2022-10-03 04:20:44 +00:00
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
2022-10-11 21:40:12 +00:00
|
|
|
<link rel="stylesheet" href="style.css">
|
|
|
|
|
<script type="module" src="./interface.js"></script>
|
2022-10-03 04:20:44 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="config">
|
2023-05-06 17:04:44 +00:00
|
|
|
<input type="button" id="mute" value="🔈" />
|
|
|
|
|
<label>ROM File</label>
|
2022-10-03 04:20:44 +00:00
|
|
|
<input type="file" id="rom-file" accept=".bin,.smd,.md" />
|
2022-10-11 21:40:12 +00:00
|
|
|
<input type="button" id="power" value="Power" />
|
2023-05-06 17:04:44 +00:00
|
|
|
<input type="button" id="reset" value="Reset" />
|
2022-10-03 04:20:44 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="metrics">
|
|
|
|
|
<label>FrameRate</label>
|
|
|
|
|
<input type="text" id="frame-rate" disabled />
|
|
|
|
|
</div>
|
|
|
|
|
|
2022-10-11 21:40:12 +00:00
|
|
|
<div id="video-screen">
|
2023-05-06 17:04:44 +00:00
|
|
|
<canvas id="video" tabindex="0" draw-raw-handle="1" />
|
|
|
|
|
</div>
|
|
|
|
|
<div id="controller">
|
|
|
|
|
<button name="left">⇦</button>
|
|
|
|
|
<button name="up">⇧</button>
|
|
|
|
|
<button name="down">⇨</button>
|
|
|
|
|
<button name="right">⇩</button>
|
|
|
|
|
|
|
|
|
|
<button name="start">Start</button>
|
|
|
|
|
|
|
|
|
|
<button name="a">A</button>
|
|
|
|
|
<button name="b">B</button>
|
|
|
|
|
<button name="c">C</button>
|
2022-10-11 21:40:12 +00:00
|
|
|
</div>
|
2022-10-03 04:20:44 +00:00
|
|
|
</body>
|
2023-03-25 17:51:46 +00:00
|
|
|
</html>
|
