2012-02-09 03:37:04 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<title>Applesoft BASIC in JavaScript</title>
|
2013-08-16 05:04:18 +00:00
|
|
|
<meta charset="UTF-8">
|
2015-02-19 05:48:39 +00:00
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Suppress browser compat button -->
|
|
|
|
|
|
2013-08-20 03:36:28 +00:00
|
|
|
<link rel="shortcut icon" href="favicon.ico">
|
2013-05-08 04:08:21 +00:00
|
|
|
<link rel="alternate" type="application/atom+xml" href="https://github.com/inexorabletash/jsbasic/commits/master.atom">
|
2015-02-19 05:48:39 +00:00
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="styles.css">
|
|
|
|
|
<link rel="stylesheet" href="display.css">
|
2013-08-17 03:12:32 +00:00
|
|
|
|
2016-12-15 04:54:23 +00:00
|
|
|
<script src="https://cdn.rawgit.com/inexorabletash/polyfill/v0.1.29/polyfill.min.js"></script>
|
|
|
|
|
<script src="https://cdn.rawgit.com/inexorabletash/polyfill/v0.1.29/keyboard.js"></script>
|
2012-02-09 03:37:04 +00:00
|
|
|
|
2015-02-19 05:48:39 +00:00
|
|
|
<!-- CodeMirror syntax highlighting - this is optional -->
|
2017-12-25 18:54:06 +00:00
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.33.0/codemirror.min.js"></script>
|
|
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.33.0/codemirror.css">
|
2015-02-19 05:48:39 +00:00
|
|
|
<script src="cm/basic.js"></script>
|
|
|
|
|
<link rel="stylesheet" href="cm/basic.css">
|
|
|
|
|
<style>
|
|
|
|
|
.CodeMirror { border: solid 1px black; width: 598px; height: 384px; background-color: white; }
|
|
|
|
|
.CodeMirror-scroll { height: 100%; }
|
|
|
|
|
</style>
|
|
|
|
|
|
2012-02-09 03:37:04 +00:00
|
|
|
<h1>Applesoft BASIC in Javascript</h1>
|
|
|
|
|
<p>
|
2018-10-06 16:31:03 +00:00
|
|
|
By <a target=_blank href="mailto:inexorabletash@gmail.com">Joshua Bell</a>
|
2013-08-16 04:30:51 +00:00
|
|
|
| <a target="_blank" href="https://github.com/inexorabletash/jsbasic/">Source</a>
|
|
|
|
|
| <a target="_blank" href="https://github.com/inexorabletash/jsbasic/blob/master/README.md">README</a>
|
2015-09-17 20:51:35 +00:00
|
|
|
— <a target="_blank" href="reference.html">Applesoft BASIC Quick Reference</a>
|
2012-02-09 03:37:04 +00:00
|
|
|
|
|
|
|
|
<p>Related projects:
|
2016-03-10 03:38:38 +00:00
|
|
|
<a href="../jslogo">Logo in Javascript</a>
|
2013-08-16 07:15:56 +00:00
|
|
|
| <a href="http://calormen.com/vnIIc">Streaming video to an Apple II - vnIIc</a>
|
2012-02-09 03:37:04 +00:00
|
|
|
</p>
|
|
|
|
|
|
2015-02-19 05:48:39 +00:00
|
|
|
<br style="clear: both;">
|
2012-02-09 03:37:04 +00:00
|
|
|
|
|
|
|
|
<!-- Screen -->
|
2013-08-17 22:15:54 +00:00
|
|
|
<div id="frame" class="jsb-frame" style="float: left; margin: 5px;" tabIndex="0">
|
|
|
|
|
<div id="screen-wrapper" class="jsb-wrapper">
|
|
|
|
|
<div id="lores" class="jsb-lores"></div>
|
|
|
|
|
<canvas id="hires" width="560" height="384" class="jsb-hires"></canvas>
|
|
|
|
|
<canvas id="hires2" width="560" height="384" class="jsb-hires"></canvas>
|
|
|
|
|
<div id="screen" class="jsb-tty"></div>
|
2012-07-22 03:35:54 +00:00
|
|
|
</div>
|
2012-02-09 03:37:04 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Source -->
|
2012-06-20 15:54:40 +00:00
|
|
|
<div style="float: left; margin: 5px;">
|
2012-07-22 03:35:54 +00:00
|
|
|
Enter code:
|
2015-12-07 00:30:35 +00:00
|
|
|
<button id="btn_run">▶ Run</button>
|
|
|
|
|
<button id="btn_stop" disabled>◼ Stop</button>
|
2012-02-09 03:37:04 +00:00
|
|
|
|
2012-07-22 03:35:54 +00:00
|
|
|
<select id="lb_files">
|
2015-12-07 00:30:35 +00:00
|
|
|
<option disabled selected="selected">Select a sample...</option>
|
2012-07-22 03:35:54 +00:00
|
|
|
<option value="sample.basic">DEMOS</option>
|
2012-02-09 03:37:04 +00:00
|
|
|
|
2015-12-07 00:30:35 +00:00
|
|
|
<option disabled>____________________________________________</option>
|
|
|
|
|
<option disabled>Tests</option>
|
|
|
|
|
<option value="sample.unittests"> Unit Tests</option>
|
|
|
|
|
<option value="sample.keyboard"> Keyboard Test</option>
|
|
|
|
|
<option value="sample.charset"> Charset Test</option>
|
2012-02-09 03:37:04 +00:00
|
|
|
|
|
|
|
|
|
2015-12-07 00:30:35 +00:00
|
|
|
<option disabled>____________________________________________</option>
|
2012-02-09 03:37:04 +00:00
|
|
|
<option disabled>Games</option>
|
2013-08-17 22:15:54 +00:00
|
|
|
|
2015-12-07 00:30:35 +00:00
|
|
|
<option value="simple.pong"> SIMPLE.PONG</option>
|
|
|
|
|
<option value="sample.adventure"> Text Adventure (Floyd McWilliams)</option>
|
|
|
|
|
<option value="sample.pacman"> (Not Really) ASCII Pac-Man (Michael Kemp)</option>
|
|
|
|
|
<option value="sample.puzzler"> Puzzler (Gregg Buntin)</option>
|
|
|
|
|
<option value="sample.hangman"> Hangman (Mike Gleason)</option>
|
|
|
|
|
<option value="sample.raindrops"> Catch the Raindrop (Nicholas Merchant)</option>
|
|
|
|
|
<option value="sample.jot"> JOT (Mike Gleason)</option>
|
2016-12-03 19:21:04 +00:00
|
|
|
<option value="sample.miniindy"> Mini Indy (Gregg Buntin)</option>
|
2018-08-02 01:41:15 +00:00
|
|
|
<option value="sample.doordetector"> Door Detector (Jeff)</option>
|
2015-12-07 00:30:35 +00:00
|
|
|
|
|
|
|
|
<option disabled>____________________________________________</option>
|
2012-02-09 03:37:04 +00:00
|
|
|
<option disabled>Graphics</option>
|
|
|
|
|
|
2015-12-07 00:30:35 +00:00
|
|
|
<option value="sample.rodscolorpattern"> Rod's Color Pattern</option>
|
|
|
|
|
<option value="sample.hacker"> Hacker Logo (markwstock)</option>
|
|
|
|
|
<option value="sample.loreswalk"> Random LoRes (John Melesky)</option>
|
|
|
|
|
<option value="sample.hireswalk"> Random HiRes (John Melesky)</option>
|
|
|
|
|
<option value="sample.sierpinski"> Sierpinski Triangles (Kevin Miller)</option>
|
|
|
|
|
<option value="sample.stringart"> String Art (Chris Heric)</option>
|
|
|
|
|
<option value="sample.paint"> Drawing Program (Brian Broker)</option>
|
|
|
|
|
<option value="sample.scribble"> Scribble (William Simms)</option>
|
|
|
|
|
<option value="sample.connections"> Connections (Gregg Buntin)</option>
|
|
|
|
|
<option value="sample.squiggle"> Squiggle (Gregg Buntin)</option>
|
|
|
|
|
<option value="sample.boys_surface"> Boy's Surface (Lukas Innig)</option>
|
|
|
|
|
<option value="sample.gaussian"> Gaussian Distribution 2D (John Russ)</option>
|
|
|
|
|
<option value="sample.bitmaps"> Bitmap Images (Brian Broker)</option>
|
|
|
|
|
<option value="sample.mandelbrot"> Mandelbrot Set (c/o Gregory Lewis)</option>
|
|
|
|
|
<option value="sample.mandelbrot2"> Mandelbrot Set in Color</option>
|
|
|
|
|
<option value="sample.steve"> Steve (Nicola Foggi)</option>
|
|
|
|
|
<option value="sample.logo"> Apple Logo (Brendan Robert)</option>
|
2016-12-03 19:21:04 +00:00
|
|
|
<option value="sample.loresdrawing"> Graphics Drawing (Gregg Buntin)</option>
|
|
|
|
|
<option value="sample.calculatedimage"> Calculated Image (Gregg Buntin)</option>
|
|
|
|
|
<option value="sample.xmastree"> Christmas Tree (Gregg Buntin and Rich Orde)</option>
|
2017-08-28 01:47:08 +00:00
|
|
|
<option value="sample.snowflakes"> Snowflakes (Kevin Riordan)</option>
|
2019-01-03 03:12:59 +00:00
|
|
|
<option value="sample.ninjaturtle"> Ninja Turtle (Chris Whong)</option>
|
2015-12-07 00:30:35 +00:00
|
|
|
|
|
|
|
|
<option disabled>____________________________________________</option>
|
2012-02-09 03:37:04 +00:00
|
|
|
<option disabled>Other</option>
|
2015-12-07 00:30:35 +00:00
|
|
|
|
|
|
|
|
<option value="sample.primes"> Prime Sieve (Kevin Miller)</option>
|
|
|
|
|
<option value="sample.february"> February Surprise (Antti Pirskanen)</option>
|
|
|
|
|
<option value="sample.hellosine"> Hello World Sine Wave (Jamie Beu)</option>
|
|
|
|
|
<option value="sample.bodymass"> Body Mass Index Calculator (Tim Dwyer)</option>
|
|
|
|
|
|
|
|
|
|
<option disabled>____________________________________________</option>
|
|
|
|
|
<option disabled>Traveller RPG Utilities</option>
|
|
|
|
|
|
|
|
|
|
<option value="TRADER C"> TRADER</option>
|
|
|
|
|
<option value="sample.sectorgen"> Traveller Sector Generator</option>
|
|
|
|
|
<option value="sample.zhorelay"> Zhodani Relay Station Placement</option>
|
|
|
|
|
<option value="sample.readsector"> Read Sector File</option>
|
2012-07-22 03:35:54 +00:00
|
|
|
</select>
|
2012-02-09 03:37:04 +00:00
|
|
|
|
|
|
|
|
<!-- Source code editor inserted here -->
|
|
|
|
|
<div id="editorframe"></div>
|
|
|
|
|
|
2018-10-06 16:31:03 +00:00
|
|
|
<form id="submission" method="post" enctype="text/plain" action="mailto:inexorabletash@gmail.com?subject=Applesoft%20Sample%20Submission" target=_blank>
|
2012-02-09 03:37:04 +00:00
|
|
|
<textarea name="source" id="source" style="display: none;">
|
|
|
|
|
</textarea>
|
2015-12-03 07:01:14 +00:00
|
|
|
|
2015-12-07 00:30:35 +00:00
|
|
|
<button id="btn_save" title="Save as a file">💾 Save</button>
|
|
|
|
|
<button id="btn_load" title="Load a file">📂 Load</button>
|
|
|
|
|
<button id="btn_share" title="Share by email">📩 Share</button>
|
|
|
|
|
|
|
|
|
|
<button id="show_paper" title="Echo all output to a "print-out", so you can copy/paste">📃 Show output</button>
|
|
|
|
|
<button id="hide_paper" title="Hide the "print-out"">🚫 Hide output</button>
|
2012-02-09 03:37:04 +00:00
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
2015-02-19 05:48:39 +00:00
|
|
|
<br style="clear: both;">
|
2012-02-09 03:37:04 +00:00
|
|
|
|
|
|
|
|
<h3 id="links">Links</h3>
|
|
|
|
|
<ul>
|
2014-09-26 02:22:12 +00:00
|
|
|
<li>
|
|
|
|
|
Real emulators in JavaScript:
|
|
|
|
|
<a target="_blank" href="http://www.scullinsteel.com/apple2/">Apple IIjs</a>,
|
|
|
|
|
<a target="_blank" href="http://www.scullinsteel.com/apple//e">Apple //jse</a>,
|
|
|
|
|
<a target="_blank" href="http://www.megidish.net/apple2js/">Apple2JS</a>,
|
|
|
|
|
and
|
|
|
|
|
<a target="_blank" href="https://github.com/nicholasbs/appletoo">many</a>
|
|
|
|
|
<a target="_blank" href="http://porkrind.org/a2/">more</a>
|
|
|
|
|
|
|
|
|
|
|
2013-08-16 05:32:21 +00:00
|
|
|
<li><a target="_blank" href="http://www.6502asm.com/">6502asm.com</a> - a 6502 assembler/emulator in JavaScript
|
|
|
|
|
<li><a target="_blank" href="http://www.quitebasic.com/">Quite BASIC</a> - a similar project aimed at teaching programming
|
2012-02-09 03:37:04 +00:00
|
|
|
</ul>
|
|
|
|
|
|
2017-08-15 17:10:30 +00:00
|
|
|
<div id="paper-spacer"></div>
|
2013-08-16 08:37:54 +00:00
|
|
|
<div id="paper"></div>
|
|
|
|
|
|
2012-02-09 03:37:04 +00:00
|
|
|
|
2013-12-08 23:48:03 +00:00
|
|
|
<script src="basic.js?2012-02-08"></script>
|
|
|
|
|
<script src="bell.js"></script>
|
|
|
|
|
<script src="tty.js"></script>
|
|
|
|
|
<script src="lores.js"></script>
|
|
|
|
|
<script src="hires.js"></script>
|
|
|
|
|
<script src="dos.js"></script>
|
|
|
|
|
<script src="printer.js"></script>
|
|
|
|
|
<script src="index.js"></script>
|
