-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
89 lines (77 loc) · 2.35 KB
/
index.html
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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<html>
<head>
<style>
body, html {
margin: 0;
}
#blinkenlights span {
font-family: monospace;
}
#preview, #sn7 {
display: none;
}
.colecoWrap {
position: relative;
width: 100%;
height: 0;
padding-bottom: 75%; /* height / width * 100% */
}
.colecoSizing {
text-align: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
max-height: 100vh;
height: 100%;
}
#coleco {
height: 100%;
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
image-rendering: crisp-edges;
}
.colecoMax {
overflow: hidden;
max-height: 100vh;
}
</style>
</head>
<body>
<div class="colecoMax">
<div class="colecoWrap">
<div class="colecoSizing">
<canvas id="coleco" height="192" width="256"></canvas>
</div>
</div>
</div>
<div id="speed"></div>
<button id="tick">Tick</button>
<button id="tickOnce">Tick 1</button>
<input type="checkbox" id="executing" checked="true">
<div id="blinkenlights">
<div><b>PC:</b> <span id="reg-pc"></span></div>
<div><b>A:</b> <span id="reg-a"></span></div>
<div><b>F:</b> <span id="reg-f"></span></div>
<div><b>BC:</b> <span id="reg-bc"></span></div>
<div><b>DE:</b> <span id="reg-de"></span></div>
<div><b>HL:</b> <span id="reg-hl"></span></div>
<div><b>IX:</b> <span id="reg-ix"></span></div>
<div><b>IY:</b> <span id="reg-iy"></span></div>
<div><b>I:</b> <span id="reg-i"></span></div>
<div><b>R:</b> <span id="reg-r"></span></div>
<div><b>SP:</b> <span id="reg-sp"></span></div>
</div>
<div id="sn7">
<div><b>0:</b> V=<span id="sn7-0-v">0</span> FREQ=<span id="sn7-0-f">0</span></div>
<div><b>1:</b> V=<span id="sn7-1-v">0</span> FREQ=<span id="sn7-1-f">0</span></div>
<div><b>2:</b> V=<span id="sn7-2-v">0</span> FREQ=<span id="sn7-2-f">0</span></div>
<div><b>3:</b> V=<span id="sn7-3-v">0</span> FREQ=<span id="sn7-3-f">0</span></div>
</div>
<canvas id="preview" height=64 width=64></canvas>
<hr>
<label for="rom">Custom ROM:</label>
<input id="rom" type="file"></input>
<script src="./emulate.js"></script>
</body>
</html>