6502SimDesktop/app/index.html

78 lines
2.4 KiB
HTML
Raw Normal View History

2017-03-10 20:41:50 +00:00
<!doctype html>
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
<title>Easy 6502 Desktop Simulator</title>
</head>
<body>
<div class="banner">6502 Assembly Simulator/Debugger</div>
<div class="widget">
<div class="buttons">
<input type="button" value="Assemble" class="assembleButton" />
<input type="button" value="Run" class="runButton" />
<input type="button" value="Reset" class="resetButton" />
<input type="button" value="Hexdump" class="hexdumpButton" />
<input type="button" value="Disassemble" class="disassembleButton" />
<input type="button" value="Notes" class="notesButton" />
</div>
<textarea class="code"></textarea>
<canvas class="screen" width="160" height="160"></canvas>
<div class="debugger">
<input type="checkbox" class="debug" name="debug" />
<label for="debug">Debugger</label>
<div class="minidebugger"></div>
<div class="buttons">
<input type="button" value="Step" class="stepButton" />
<input type="button" value="Jump to ..." class="gotoButton" />
</div>
</div>
<div class="monitorControls">
<label for="monitoring">Monitor</label>
<input type="checkbox" class="monitoring" name="monitoring" />
<label for="start">Start: $</label>
<input type="text" value="0" class="start" name="start" />
<label for="length">Length: $</label>
<input type="text" value="ff" class="length" name="length" />
</div>
<div class="monitor"><pre><code></code></pre></div>
<div class="messages"><pre><code></code></pre></div>
<div class="notes" style="display: none">Notes:
Memory location $fe contains a new random byte on every instruction.
Memory location $ff contains the ascii code of the last key pressed.
Memory locations $200 to $5ff map to the screen pixels. Different values will
draw different colour pixels. The colours are:
$0: Black
$1: White
$2: Red
$3: Cyan
$4: Purple
$5: Green
$6: Blue
$7: Yellow
$8: Orange
$9: Brown
$a: Light red
$b: Dark grey
$c: Grey
$d: Light green
$e: Light blue
$f: Light grey
</div>
<script src="es5-shim.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="assembler.js"></script>
</body>
</html>
0