6502SimDesktop/app/index.html
2017-03-29 20:32:13 -05:00

87 lines
2.6 KiB
HTML

<!doctype html>
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
<title>Easy 6502 Desktop Simulator</title>
</head>
<body>
<div class="widget">
<div class="button-container">
<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>
<div class="buttons-right">
<input type="button" value="Debug" class="debug" name="debug" />
<input type="button" value="Step" class="stepButton" />
<input type="button" value="Jump to ..." class="gotoButton" />
</div>
</div>
<div class="debugger">
<div class="minidebugger"></div>
</div>
<textarea class="code">
LDA #$01
STA $0200
LDA #$05
STA $0201
LDA #$08
STA $0202
</textarea>
<canvas class="screen" width="160" height="160"></canvas>
<div class="monitorControls">
<input type="button" class="monitoring" value="Monitor" name="monitoring" />
</div>
<div class="monitor-container">
<div class="monitor-range">
<label class="left" for="start">Start: $</label>
<input class="left" type="text" value="0" size="5" maxlength="5" class="start" name="start" />
<label class="left" for="length">Length: $</label>
<input class="left" type="text" value="ff" size="5" maxlength="5" class="length" name="length" />
</div>
<div class="monitor"><pre><code></code></pre></div>
</div>
<div class="messages"><pre><code></code></pre></div>
<div class="banner"></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