mirror of
https://github.com/sehugg/8bitworkshop.git
synced 2024-11-25 18:33:11 +00:00
223 lines
10 KiB
HTML
223 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>8bitworkshop</title>
|
|
<style type="text/css" media="screen">
|
|
body {
|
|
overflow: hidden !important;
|
|
font-size: 11px;
|
|
}
|
|
.pixeditback {
|
|
position:absolute;
|
|
z-index:100;
|
|
width:100%;
|
|
height:100%;
|
|
padding:50px;
|
|
border-width:4px;
|
|
border-color:#333;
|
|
border-style:solid;
|
|
background-color:rgba(64, 64, 64, 0.5);
|
|
}
|
|
#pixeditframe {
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
</style>
|
|
<link rel="stylesheet" href="css/ui.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div id="controls_top">
|
|
<span class="dropdown">
|
|
<a class="btn btn-secondary dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
☰ <span class="caret"></span>
|
|
</a>
|
|
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
|
<li><a class="dropdown-item" href="#" id="item_new_file">New File...</a></li>
|
|
<li><a class="dropdown-item" href="#" id="item_share_file">Share File as GitHub Gist...</a></li>
|
|
<li><a class="dropdown-item" href="#" id="item_reset_file">Revert to Original...</a></li>
|
|
<li><a class="dropdown-item" href="#" id="item_download_rom">Download ROM Image...</a></li>
|
|
<li><a class="dropdown-item" href="#" id="item_record_video">Record Video...</a></li>
|
|
<li class="dropdown dropdown-submenu">
|
|
<a tabindex="-1" href="#">Debug</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="#" id="item_debug_expr">Break Expression...</a></li>
|
|
</ul>
|
|
</li>
|
|
<hr>
|
|
<li class="dropdown dropdown-submenu">
|
|
<a tabindex="-1" href="#">Platform</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="?platform=vcs" id="item_platform_vcs">Atari VCS</a></li>
|
|
<!--<li><a class="dropdown-item" href="?platform=apple2" id="item_platform_apple2">Apple ][</a></li>-->
|
|
<li><a class="dropdown-item" href="?platform=vicdual" id="item_platform_vicdual">VIC Dual</a></li>
|
|
<li><a class="dropdown-item" href="?platform=mw8080bw" id="item_platform_mw8080bw">Midway 8080</a></li>
|
|
<li><a class="dropdown-item" href="?platform=galaxian-scramble" id="item_platform_galaxian_scramble">Galaxian/Scramble Hardware</a></li>
|
|
<li><a class="dropdown-item" href="?platform=vector-z80color" id="item_platform_vector_z80color">Atari Color Vector (Z80)</a></li>
|
|
<li><a class="dropdown-item" href="?platform=williams-z80" id="item_platform_williams_z80">Williams (Z80)</a></li>
|
|
<li><a class="dropdown-item" href="?platform=sound_williams-z80" id="item_platform_sound_williams_z80">Williams Sound (Z80)</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</span>
|
|
<select id="preset_select" name="">
|
|
</select>
|
|
<img id="compile_spinner" src="images/spinner.gif" height="20em" style="visibility:hidden;margin-left:8px;margin-right:8px">
|
|
<span class="btn_group debug_group" id="debug_bar">
|
|
<button id="dbg_reset" type="submit" title="Reset and Break"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span></button>
|
|
<button id="dbg_pause" type="button" title="Pause"><span class="glyphicon glyphicon-pause" aria-hidden="true"></span></button>
|
|
<button id="dbg_go" type="button" title="Run"><span class="glyphicon glyphicon-play" aria-hidden="true"></span></button>
|
|
<button id="dbg_step" type="submit" title="Step"><span class="glyphicon glyphicon-step-forward" aria-hidden="true"></span></button>
|
|
<button id="dbg_toline" type="submit" title="Run To Line"><span class="glyphicon glyphicon-save" aria-hidden="true"></span></button>
|
|
<button id="dbg_stepout" type="submit" title="Step Out of Subroutine"><span class="glyphicon glyphicon-hand-up" aria-hidden="true"></span></button>
|
|
<button id="dbg_stepback" type="submit" title="Step Backwards"><span class="glyphicon glyphicon-step-backward" aria-hidden="true"></span></button>
|
|
</span>
|
|
<span class="btn_group view_group" id="extra_bar">
|
|
<button id="dbg_timing" type="submit" title="See Timing" style="display:none"><span class="glyphicon glyphicon-time" aria-hidden="true"></span></button>
|
|
<button id="dbg_disasm" type="submit" title="Show Disassembly" style="display:none"><span class="glyphicon glyphicon-list" aria-hidden="true"></span></button>
|
|
<button id="dbg_memory" type="submit" title="Show Memory" style="display:none"><span class="glyphicon glyphicon-sunglasses" aria-hidden="true"></span></button>
|
|
<button id="dbg_profile" type="submit" title="Show Profile" style="display:none"><span class="glyphicon glyphicon-stats" aria-hidden="true"></span></button>
|
|
</span>
|
|
<span class="btn_group view_group" id="tools_bar">
|
|
<button id="dbg_bitmap" type="submit" title="Edit Bitmap"><span class="glyphicon glyphicon-camera" aria-hidden="true"></span></button>
|
|
</span>
|
|
<span id="best_in_firefox" style="display:none;font-size:12px;font-style:italic;float:right;color:#666">Note: Works best in Firefox</span>
|
|
</div>
|
|
<div id="notebook">
|
|
<div id="workspace">
|
|
<div id="disassembly" class="editor">
|
|
</div>
|
|
<div id="editor" class="editor">
|
|
</div>
|
|
</div>
|
|
<div class="emulator" id="emulator">
|
|
<div style="margin:10px">
|
|
<div id="javatari-screen" style="margin: 0 auto; box-shadow: 2px 2px 10px rgb(60, 60, 60);"></div>
|
|
<div id="javatari-console-panel" style="margin: 0 auto; box-shadow: 2px 2px 10px rgb(60, 60, 60);"></div>
|
|
</div>
|
|
</div>
|
|
<div id="mem_info" class="mem_info" style="display:none">
|
|
</div>
|
|
<div id="profileview" class="debugwindow" style="display:none;z-index:10">
|
|
</div>
|
|
<div id="memoryview" class="debugwindow" style="display:none;z-index:10">
|
|
</div>
|
|
</div>
|
|
<div class="twitbtn">
|
|
<a href="https://twitter.com/8bitworkshop" class="twitter-follow-button" data-show-count="false">Follow @8bitworkshop</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
|
|
</div>
|
|
<div class="booklink" id="booklink_vcs">
|
|
<a target="_new" href="https://www.amazon.com/gp/product/1541021304/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&tag=pzp-20&camp=1789&creative=9325&linkCode=as2&creativeASIN=B01N4DSRIZ&linkId=04d39e274c06e6c93b93d20a9a977111">
|
|
<img src="images/book_a2600.jpg" style="float:right"/></a>
|
|
Want to learn more?<br>
|
|
Get the book:<br>
|
|
<a target="_new" href="https://www.amazon.com/gp/product/1541021304/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&tag=pzp-20&camp=1789&creative=9325&linkCode=as2&creativeASIN=B01N4DSRIZ&linkId=04d39e274c06e6c93b93d20a9a977111">
|
|
Making Games For The Atari 2600</a>
|
|
</div>
|
|
<div class="booklink" id="booklink_arcade">
|
|
<a target="_new" href="https://www.amazon.com/gp/product/B0713RQL8X/ref=as_li_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=B0713RQL8X&linkCode=as2&tag=pzp-20&linkId=e8e05e34acf1b54d81aced148a67790c">
|
|
<img height="72em" src="images/book_arcade.jpg" style="float:right"/></a>
|
|
Get the book:<br>
|
|
<a target="_new" href="https://www.amazon.com/Making-8-bit-Arcade-Games-C/dp/1545484759">
|
|
Making 8-bit Arcade Games in C</a>
|
|
</div>
|
|
<div id="pixeditback" class="pixeditback" style="display:none">
|
|
<iframe id="pixeditframe" src="pixels.html">
|
|
</iframe>
|
|
</div>
|
|
<div id="pleaseWaitModal" class="modal fade">
|
|
<div class="modal-dialog modal-lg" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-body">
|
|
Please wait...
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="videoPreviewModal" class="modal fade">
|
|
<div class="modal-dialog modal-lg" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h3 class="modal-title">Video Preview - Right-click to save</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<img id="videoPreviewImage">
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script src="jquery/jquery-2.2.3.min.js"></script>
|
|
|
|
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
|
|
<script src="bootstrap/js/bootstrap.min.js"></script>
|
|
<link rel="stylesheet" href="bootstrap/css/bootstrap-tour.min.css">
|
|
<script src="bootstrap/js/bootstrap-tour.min.js"></script>
|
|
|
|
<script src="codemirror/lib/codemirror.js"></script>
|
|
<script src="codemirror/mode/clike/clike.js"></script>
|
|
<script src="codemirror/mode/6502/6502.js"></script>
|
|
<script src="codemirror/mode/z80/z80.js"></script>
|
|
<script src="codemirror/mode/verilog/verilog.js"></script>
|
|
<link rel="stylesheet" href="css/codemirror.css">
|
|
<script src="codemirror/addon/edit/matchbrackets.js"></script>
|
|
<script src="codemirror/addon/search/search.js"></script>
|
|
<script src="codemirror/addon/search/searchcursor.js"></script>
|
|
<script src="codemirror/addon/search/jump-to-line.js"></script>
|
|
<script src="codemirror/addon/dialog/dialog.js"></script>
|
|
<script src="codemirror/addon/selection/active-line.js"></script>
|
|
<link rel="stylesheet" href="codemirror/addon/dialog/dialog.css">
|
|
|
|
<script src="javatari.js/release/javatari/javatari.js"></script>
|
|
<script src="src/cpu/z80fast.js"></script>
|
|
<script src="src/cpu/6809.js"></script>
|
|
<!--
|
|
<script src="jsnes/build/jsnes.min.js"></script>
|
|
<script src="jsnes/lib/dynamicaudio-min.js" type="text/javascript" charset="utf-8"></script>
|
|
-->
|
|
<script src="tss/js/tss/PsgDeviceChannel.js"></script>
|
|
<script src="tss/js/tss/MasterChannel.js"></script>
|
|
<script src="tss/js/tss/AudioLooper.js"></script>
|
|
<script src="tss/js/Log.js"></script>
|
|
<!--
|
|
<script src="local/williams/defender.js"></script>
|
|
<script src="local/williams/robotron.js"></script>
|
|
<script src="local/atarivec/gravitar/gravitar.js"></script>
|
|
-->
|
|
<script src="FileSaver.js/FileSaver.min.js"></script>
|
|
<script src="octokat.js/dist/octokat.js"></script>
|
|
<script src="gif.js/dist/gif.js"></script>
|
|
|
|
<script src="src/vlist.js"></script>
|
|
<script src="src/emu.js"></script>
|
|
<script src="src/audio.js"></script>
|
|
<script src="src/util.js"></script>
|
|
<script src="src/disasm.js"></script>
|
|
<script src="src/ui.js"></script>
|
|
<!-- <script src="src/audio/votrax.js"></script> -->
|
|
|
|
<script>
|
|
startUI(true);
|
|
</script>
|
|
|
|
<script>
|
|
var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
|
|
if (!isFirefox && platform_id != 'vcs') { $("#best_in_firefox").show(); }
|
|
</script>
|
|
|
|
</body>
|
|
<script>
|
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
|
|
|
ga('create', 'UA-54497476-9', 'auto');
|
|
ga('send', 'pageview');
|
|
</script>
|
|
</html>
|