bit-turtle.github.io/nesgame.html at main · bit-turtle/bit-turtle.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<html><head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Nes Game</title>

	<script src="jsnes.min.js"></script>
	<script src="nes-embed.js"></script>
	<script>window.onload = function () { nes_load_url("nes-canvas", "nesgame.nes"); }</script>
</head>
<body>
	<style>
		body {
			margin: 0;
			padding: 0;
			background-color: black;
		}

		.nes-div {
			width: 768px;
			max-width: 768px;
			height: 720px;
			max-height: 720px;
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			margin: auto;
		}

		canvas {
			image-rendering: optimizeSpeed;
			image-rendering: -moz-crisp-edges;
			image-rendering: -webkit-optimize-contrast;
			image-rendering: -o-crisp-edges;
			image-rendering: crisp-edges;
			-ms-interpolation-mode: nearest-neighbor;
			image-rendering: pixelated;
			width: 100%;
			height: 100%;
		}
		p {
			color: white;
			font-family: monospace;
		}
		a {
			color: lightblue;
		}
	</style>
	<div class="nes-div">
		<canvas id="nes-canvas" width="256" height="240"></canvas>
		<p>
			Controls: Arrow Keys to Move, X/Z for A/B, and Enter/Shift for Start/Select <br><br>
			Github Repository: <a href="https://github.com/bit-turtle/nesgame/">bit-turtle/nesgame</a> <br><br>
			If you have any feedback, or maybe an idea for the name, please fill out the <a href="https://forms.gle/CUqMrwXrPM8BjWDK8">feedback form</a>
		</p>
	</div>
</body></html>