Apple-2-SW/jsbasic
1
0
Fork 0
mirror of https://github.com/inexorabletash/jsbasic.git synced 2024-11-27 12:49:56 +00:00
Code Issues Projects Releases Wiki Activity
398277039c
jsbasic/index.htm

174 lines
8.1 KiB
HTML
Raw Normal View History

dos2unix; factor out index.js; use addEvent/getClassList shims; change screen style using CSS classes
2012-02-09 03:37:04 +00:00
<!DOCTYPE html>
<title>Applesoft BASIC in JavaScript</title>
More styling
2013-08-16 05:04:18 +00:00
<meta charset="UTF-8">
favicon and doc tweaks
2013-08-20 03:36:28 +00:00
<link rel="shortcut icon" href="favicon.ico">
Add atom feed link for changes
2013-05-08 04:08:21 +00:00
<link rel="alternate" type="application/atom+xml" href="https://github.com/inexorabletash/jsbasic/commits/master.atom">
Style separation
2013-08-17 22:15:54 +00:00
<link rel="stylesheet" href="styles.css" type="text/css">
dos2unix; factor out index.js; use addEvent/getClassList shims; change screen style using CSS classes
2012-02-09 03:37:04 +00:00
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Suppress browser compat button -->
Drop dependency on external harmony polyfill
2013-08-17 03:12:32 +00:00
Pull CodeMirror from CDN, use submodule for polyfill
2013-12-08 23:48:03 +00:00
<script src="polyfill/polyfill.js?update=2012-02-08"></script>
<script>
dos2unix; factor out index.js; use addEvent/getClassList shims; change screen style using CSS classes
2012-02-09 03:37:04 +00:00
(function () {
Pull CodeMirror from CDN, use submodule for polyfill
2013-12-08 23:48:03 +00:00
function load(url) { document.write('<script src="' + url + '"></' + 'script>'); }
if (!window.JSON) { load('polyfill/json2.js'); }
if (!window.localStorage || !window.sessionStorage) { load('polyfill/storage.js'); }
if (!('getContext' in document.createElement('canvas'))) { load('polyfill/flashcanvas.js'); }
dos2unix; factor out index.js; use addEvent/getClassList shims; change screen style using CSS classes
2012-02-09 03:37:04 +00:00
}());
</script>
Pull CodeMirror from CDN, use submodule for polyfill
2013-12-08 23:48:03 +00:00
<script src="polyfill/keyboard.js"></script>
dos2unix; factor out index.js; use addEvent/getClassList shims; change screen style using CSS classes
2012-02-09 03:37:04 +00:00
<h1>Applesoft BASIC in Javascript</h1>
<p>
Add some style
2013-08-16 04:30:51 +00:00
By <a href="mailto:inexorabletash@gmail.com">Joshua Bell</a>
| <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>
&mdash; <a target="_blank" href="reference.htm">Applesoft BASIC Quick Reference</a>
dos2unix; factor out index.js; use addEvent/getClassList shims; change screen style using CSS classes
2012-02-09 03:37:04 +00:00
<p>Related projects:
Add github pages URLs
2014-01-27 16:55:20 +00:00
<a href="./jslogo">Logo in Javascript</a>
Absolute links
2013-08-16 07:15:56 +00:00
| <a href="http://calormen.com/vnIIc">Streaming video to an Apple II - vnIIc</a>
dos2unix; factor out index.js; use addEvent/getClassList shims; change screen style using CSS classes
2012-02-09 03:37:04 +00:00
</p>
Add some style
2013-08-16 04:30:51 +00:00
<br clear="left">
dos2unix; factor out index.js; use addEvent/getClassList shims; change screen style using CSS classes
2012-02-09 03:37:04 +00:00
<!-- Screen -->
Style separation
2013-08-17 22:15:54 +00:00
<link rel="stylesheet" href="display.css" type="text/css">
<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>
Add link to wscullin's emulator; no apos in HTML
2012-07-22 03:35:54 +00:00
</div>
dos2unix; factor out index.js; use addEvent/getClassList shims; change screen style using CSS classes
2012-02-09 03:37:04 +00:00
</div>
<!-- Source -->
Allow two-column layout on smaller screens. Update codemirror. Disable "load program" button if nothing in storage.
2012-06-20 15:54:40 +00:00
<div style="float: left; margin: 5px;">
Add link to wscullin's emulator; no apos in HTML
2012-07-22 03:35:54 +00:00
Enter code: &nbsp;&nbsp;
<input type="button" value="Run" id="btn_run">
<input type="button" value="Stop" id="btn_stop" disabled="disabled">
dos2unix; factor out index.js; use addEvent/getClassList shims; change screen style using CSS classes
2012-02-09 03:37:04 +00:00
Add link to wscullin's emulator; no apos in HTML
2012-07-22 03:35:54 +00:00
<select id="lb_files">
<option disabled selected="selected">Select a file...</option>
<option value="sample.basic">DEMOS</option>
dos2unix; factor out index.js; use addEvent/getClassList shims; change screen style using CSS classes
2012-02-09 03:37:04 +00:00
<option disabled>---- Tests ----</option>
Add link to wscullin's emulator; no apos in HTML
2012-07-22 03:35:54 +00:00
<option value="sample.unittests">Unit Tests</option>
dos2unix; factor out index.js; use addEvent/getClassList shims; change screen style using CSS classes
2012-02-09 03:37:04 +00:00
<option value="sample.keyboard">Keyboard Test</option>
<option value="sample.charset">Charset Test</option>
<option disabled>---- User Submissions ----</option>
<option disabled>Games</option>
Add link to wscullin's emulator; no apos in HTML
2012-07-22 03:35:54 +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>
dos2unix; factor out index.js; use addEvent/getClassList shims; change screen style using CSS classes
2012-02-09 03:37:04 +00:00
<option value="sample.raindrops">Catch the Raindrop (Nicholas Merchant)</option>
<option value="sample.jot">JOT (Mike Gleason)</option>
Style separation
2013-08-17 22:15:54 +00:00
dos2unix; factor out index.js; use addEvent/getClassList shims; change screen style using CSS classes
2012-02-09 03:37:04 +00:00
<option disabled>Graphics</option>
Add link to wscullin's emulator; no apos in HTML
2012-07-22 03:35:54 +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>
Added new sample
2013-05-06 04:12:26 +00:00
<option value="sample.logo">Apple Logo (Brendan Robert)</option>
dos2unix; factor out index.js; use addEvent/getClassList shims; change screen style using CSS classes
2012-02-09 03:37:04 +00:00
<option disabled>Other</option>
Add link to wscullin's emulator; no apos in HTML
2012-07-22 03:35:54 +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>
dos2unix; factor out index.js; use addEvent/getClassList shims; change screen style using CSS classes
2012-02-09 03:37:04 +00:00
<option value="sample.bodymass">Body Mass Index Calculator (Tim Dwyer)</option>
<option disabled>---- Traveller RPG Utilities ----</option>
Add link to wscullin's emulator; no apos in HTML
2012-07-22 03:35:54 +00:00
<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>
</select>
dos2unix; factor out index.js; use addEvent/getClassList shims; change screen style using CSS classes
2012-02-09 03:37:04 +00:00
Revamp printer mechanism
2013-08-16 08:37:54 +00:00
<input type="button" id="show_paper" value="Show output" title="Echo all output to a &quot;print-out&quot;, so you can copy/paste">
<input type="button" id="hide_paper" value="Hide output" title="Hide the &quot;print-out&quot;">
dos2unix; factor out index.js; use addEvent/getClassList shims; change screen style using CSS classes
2012-02-09 03:37:04 +00:00
<!-- Source code editor inserted here -->
<div id="editorframe"></div>
Make CodeMirror usage optional. update email address
2012-06-20 16:13:06 +00:00
<form id="submission" method="post" enctype="text/plain" action="mailto:inexorabletash@gmail.com?subject=Applesoft%20Sample%20Submission">
dos2unix; factor out index.js; use addEvent/getClassList shims; change screen style using CSS classes
2012-02-09 03:37:04 +00:00
<textarea name="source" id="source" style="display: none;">
</textarea>
<input type="submit" id="btn_share" value="Share your sample!">
<input type="button" id="btn_save" value="Save Program" title="Save the current program. NOTE: Can only save one program.">
<input type="button" id="btn_load" value="Load Program" title="Load a previously saved program. WARNING: The current program will be lost!">
</form>
</div>
Re-order links
2013-08-16 05:32:21 +00:00
<br clear="left">
dos2unix; factor out index.js; use addEvent/getClassList shims; change screen style using CSS classes
2012-02-09 03:37:04 +00:00
<h3 id="links">Links</h3>
<ul>
Add MOAR links
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>
Re-order links
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
<li><a target="_blank" href="http://navahogunleg.net/blog/my-projects/ng-basic/">NG-BASIC for Javascript</a> Navaho Gunleg's interpreter
dos2unix; factor out index.js; use addEvent/getClassList shims; change screen style using CSS classes
2012-02-09 03:37:04 +00:00
</ul>
Revamp printer mechanism
2013-08-16 08:37:54 +00:00
<div id="paper"></div>
Make CodeMirror usage optional. update email address
2012-06-20 16:13:06 +00:00
<!-- CodeMirror syntax highlighting - this is optional -->
Bump CodeMirror to 4.6.0
2014-09-25 02:55:25 +00:00
<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.6.0/codemirror.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.6.0/codemirror.css">
CodeMirror now a sibling directory
2013-05-08 03:41:24 +00:00
<script src="cm/basic.js"></script>
<link rel="stylesheet" href="cm/basic.css">
dos2unix; factor out index.js; use addEvent/getClassList shims; change screen style using CSS classes
2012-02-09 03:37:04 +00:00
<style type="text/css">
.CodeMirror { border: solid 1px black; width: 598px; height: 384px; background-color: white; }
.CodeMirror-scroll { height: 100%; }
</style>
Pull CodeMirror from CDN, use submodule for polyfill
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>
dos2unix; factor out index.js; use addEvent/getClassList shims; change screen style using CSS classes
2012-02-09 03:37:04 +00:00
Re-order links
2013-08-16 05:32:21 +00:00
<!-- Google Analytics -->
Pull CodeMirror from CDN, use submodule for polyfill
2013-12-08 23:48:03 +00:00
<script>
dos2unix; factor out index.js; use addEvent/getClassList shims; change screen style using CSS classes
2012-02-09 03:37:04 +00:00
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-18610679-3']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
Add 'Fork Me' ribbon
2013-05-09 04:40:56 +00:00
<a href="https://github.com/inexorabletash/jsbasic" target="_blank"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>
Reference in New Issue Copy Permalink