| 1 |
<!doctype html> |
| 2 |
<html lang="en-us"> |
| 3 |
|
| 4 |
<head> |
| 5 |
<meta charset="utf-8"> |
| 6 |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
| 7 |
<link rel="stylesheet" href="webassembly/styles.css"> |
| 8 |
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> |
| 9 |
<title>Commander X16 Emulator</title> |
| 10 |
</head> |
| 11 |
|
| 12 |
<body> |
| 13 |
|
| 14 |
<div class="container"> |
| 15 |
<section id="emulator"> |
| 16 |
|
| 17 |
<div class="emu-layout"> |
| 18 |
|
| 19 |
<div class="emu-container"> |
| 20 |
<figure id="spinner"> |
| 21 |
<div class="spinner"></div> |
| 22 |
<strong>Loading</strong> |
| 23 |
</figure> |
| 24 |
<div class="emscripten" id="status">Downloading...</div> |
| 25 |
<div class="emscripten"> |
| 26 |
<progress value="0" max="100" id="progress" hidden=1></progress> |
| 27 |
</div> |
| 28 |
<canvas onclick="this.focus();" tabindex="1" id="canvas" class="" |
| 29 |
oncontextmenu="event.preventDefault()"></canvas> |
| 30 |
<div class="close-fullscreen"><a href="javascript:closeFs();" title="Exit fullscreen">×</a> |
| 31 |
</div> |
| 32 |
<div class="fullscreen-audio"><a href="javascript:toggleAudio();" title="Toggle Audio"><i |
| 33 |
id="fullscreen_volume_icon" class="material-icons" |
| 34 |
style="font-size:22px;">volume_off</i></a> |
| 35 |
</div> |
| 36 |
</div> |
| 37 |
|
| 38 |
|
| 39 |
<div class="output-container"> |
| 40 |
<pre id="output"></pre> |
| 41 |
</div> |
| 42 |
</div> |
| 43 |
|
| 44 |
</section> |
| 45 |
<section id="editor"> |
| 46 |
<div class="editor-layout"> |
| 47 |
|
| 48 |
<div class="editor-top"> |
| 49 |
<h1>Commander X16 Emulator <a href="http://commanderx16.com" target="_blank">visit |
| 50 |
commanderx16.com</a> </h1> |
| 51 |
<button type="button" onclick="openFs();">Fullscreen</button> |
| 52 |
<button type="button" onclick="runCode();">Run</button> |
| 53 |
<button type="button" onclick="resetEmulator();">Reset</button> |
| 54 |
<button type="button" onclick="toggleAudio();"><i id="volume_icon" class="material-icons" |
| 55 |
style="font-size:12px;">volume_off</i></button> |
| 56 |
</div> |
| 57 |
<div class="editor-middle"> |
| 58 |
|
| 59 |
<textarea id="code">100 REM SEE HTTPS://10PRINT.ORG/ |
| 60 |
105 REM ADAPTED BY GIOVANNI GIORGI |
| 61 |
106 REM V 1.1 |
| 62 |
110 PRINT CHR$(147); "OLD SCHOOL MAZE DEMO" |
| 63 |
115 FOR MC = 1 TO 3 |
| 64 |
118 PRINT "MAZE TYPE ", MC |
| 65 |
120 FOR ROW = 1 TO 16 |
| 66 |
200 FOR I = 1 TO 32 |
| 67 |
300 IF MC <=1 THEN PRINT CHR$(205.50+RND(1)); |
| 68 |
310 IF MC =2 THEN PRINT CHR$(205.25+RND(1)); |
| 69 |
320 IF MC =3 THEN PRINT CHR$(204+(RND(1)+.5)*3); |
| 70 |
400 NEXT I |
| 71 |
500 PRINT |
| 72 |
600 NEXT ROW |
| 73 |
700 NEXT MC</textarea> |
| 74 |
|
| 75 |
</div> |
| 76 |
|
| 77 |
|
| 78 |
</div> |
| 79 |
|
| 80 |
</section> |
| 81 |
</div> |
| 82 |
<script src="webassembly/jszip.min.js"></script> |
| 83 |
<script src="webassembly/main.js"></script> |
| 84 |
{{{ SCRIPT }}} |
| 85 |
|
| 86 |
</body> |
| 87 |
|
| 88 |
</html> |