mirror of
https://github.com/trebonian/visual6502.git
synced 2024-11-20 04:32:02 +00:00
70 lines
2.7 KiB
HTML
70 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<head>
|
|
<title>Visual 6502 in JavaScript</title>
|
|
<style type="text/css">@import "wires.css";</style>
|
|
<script src="segdefs.js"></script>
|
|
<script src="transdefs.js"></script>
|
|
<script src="nodenames.js"></script>
|
|
<script src="wires.js"></script>
|
|
<script src="chipsim.js"></script>
|
|
<script src="memtable.js"></script>
|
|
<script src="macros.js"></script>
|
|
</head>
|
|
|
|
<body onload="setTimeout(setup,200)">
|
|
<br />
|
|
<span id="title"><a href="http://visual6502.org">The Visual 6502</a></span>
|
|
<span id="plain">
|
|
<br />
|
|
<a href="http://www.visual6502.org/faq.html">FAQ</a>
|
|
<a href="http://blog.visual6502.org">Blog</a>
|
|
<a href="http://www.visual6502.org/links.html">Links</a> 
|
|
<br /><br />
|
|
If the chip does not load, try another browser: Chrome, Safari, or Firefox
|
|
<br />
|
|
<br />
|
|
Hit '>' to zoom in, '<' to zoom out
|
|
<br />
|
|
Right-click to scroll around
|
|
<br />
|
|
Enter your own program into the array of RAM
|
|
<br />
|
|
<br />
|
|
</span>
|
|
<div class="frame" id="frame">
|
|
<div class="chip">
|
|
<canvas class="chip" id="chipbg"></canvas>
|
|
<canvas class="chip" id="overlay"></canvas>
|
|
<canvas class="chip" id="hilite"></canvas>
|
|
<canvas class="chip" id="hitbuffer"></canvas>
|
|
</div>
|
|
<div class = "buttons">
|
|
<div style="position:relative; float:left;">
|
|
<a href ="javascript:stopChip()"id="stop"><img class="navstop" src="images/stop.png"></a>
|
|
<a href ="javascript:runChip()" id="start"><img class="navplay" src="images/play.png"></a>
|
|
</div>
|
|
<div style="float:left;">
|
|
<a href ="javascript:resetChip()"><img class="navbutton" src="images/up.png"></a>
|
|
<a href ="javascript:stepBack()"><img class="navbutton" src="images/prev.png"></a>
|
|
<a href ="javascript:stepForward()"><img class="navbutton" src="images/next.png"></a>
|
|
</div>
|
|
</div>
|
|
<p class="status" id="status">x: 0<br>y: 0</p>
|
|
<table class="memtable" id="memtable"></table>
|
|
</div>
|
|
<div id="updateShow"> Show:
|
|
<input type="checkbox" name="0" id="updateShow0" onchange="updateShow(this.name,this.checked)" />(metal)
|
|
<input type="checkbox" name="1" id="updateShow1" onchange="updateShow(this.name,this.checked)" />(switched diffusion)
|
|
<input type="checkbox" name="3" id="updateShow3" onchange="updateShow(this.name,this.checked)" />(grounded diffusion)
|
|
<input type="checkbox" name="4" id="updateShow4" onchange="updateShow(this.name,this.checked)" />(powered diffusion)
|
|
<input type="checkbox" name="5" id="updateShow5" onchange="updateShow(this.name,this.checked)" />(polysilicon)
|
|
<input type="checkbox" name="2" id="updateShow2" onchange="updateShow(this.name,this.checked)" />(diode)
|
|
</div>
|
|
<br />
|
|
<br />
|
|
In addition to this JavaScript project, see our <a href="../python6502.html">Python-based simulator</a> which may be easier to customize, verify, and apply to the study of long programs.<br />
|
|
<br />
|
|
</body>
|
|
</html>
|