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="widget">
|
2017-03-30 01:32:13 +00:00
|
|
|
<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>
|
2017-03-10 20:41:50 +00:00
|
|
|
</div>
|
|
|
|
|
|
2017-03-29 21:39:48 +00:00
|
|
|
<textarea class="code">
|
|
|
|
|
LDA #$01
|
|
|
|
|
STA $0200
|
|
|
|
|
LDA #$05
|
|
|
|
|
STA $0201
|
|
|
|
|
LDA #$08
|
|
|
|
|
STA $0202
|
|
|
|
|
</textarea>
|
2017-03-10 20:41:50 +00:00
|
|
|
|
|
|
|
|
<canvas class="screen" width="160" height="160"></canvas>
|
|
|
|
|
|
|
|
|
|
<div class="monitorControls">
|
2017-03-30 01:32:13 +00:00
|
|
|
<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>
|
2017-03-10 20:41:50 +00:00
|
|
|
</div>
|
|
|
|
|
<div class="messages"><pre><code></code></pre></div>
|
2017-03-29 21:39:48 +00:00
|
|
|
<div class="banner"></div>
|
2017-03-10 20:41:50 +00:00
|
|
|
|
|
|
|
|
<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
|
