-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathindex.html
130 lines (123 loc) · 7.45 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<head>
<title>Apple2JS - Megidish.net</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<script type="text/javascript" src="apple2.js"></script>
</head>
<body style="margin: 0px auto; text-align: center; padding: 0px 0px; width: 960px; background: #e6e6e6 url(images/background_lighter.png) repeat-x top left; min-height: 800px;">
<div style="background-color: #fff; padding-top: 10px; width: 960px; text-align: center; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;">
<div style="text-align: right; width: 940px; margin: 0px; padding: 0px; ">
<a href="http://digg.com/submit?url=http%3a%2f%2fwww.megidish.net%2fapple2js"><img src="images/digg.gif" width="16" height="16" alt="Digg this!" border="0" /></a>
<a href="http://www.facebook.com/share.php?u=http%3a%2f%2fwww.megidish.net%2fapple2js"><img src="images/facebook.gif" alt="Post on Facebook" width="16" height="16" border="0" /></a>
<a href="http://del.icio.us/post?url=http%3a%2f%2fwww.megidish.net%2fapple2js&title=Apple2+emulator+in+javascript"><img src="images/delicious.gif" alt="Add to del.icio.us" width="16" height="16" border="0" /></a>
<a href="http://www.stumbleupon.com/submit?url=http%3a%2f%2fwww.megidish.net%2fapple2js"><img src="images/stumbleit.gif" alt="Stumble It!" width="16" height="16" border="0" /></a>
</div>
<h1 style="font-family: helvetica,sans-serif; font-size: 78px; color: #333; font-weight: bold; margin: 0px; padding: 0px;">
Apple2JS
</h1>
<div align="center">
<div style="width: 900px; border-top: 1px dashed #ddd; height: 8px; margin-top: 4px;"></div>
<div style="width: 800px;">
<div style="padding: 8px;">
<div style="float: left; padding: 4px; background: #000;">
<div id="apple2stage" style="width: 560px; height: 384px; overflow: hidden;"><img src="images/insert-floppy.png" alt="" width="560" height="384" border="0" id="floppy-image" /></div>
</div>
<div style="float: left; padding-left: 20px; text-align: left;">
<p style="margin-top: 0px;">
<a href="javascript:void(0)" onclick="change_image('games/alientyphoon.bin');">Alien Typhoon</a><br />
<a href="javascript:void(0)" onclick="change_image('games/dung.bin');">Dung Beetles</a><br />
<a href="javascript:void(0)" onclick="change_image('games/choplifter.bin');">Choplifter</a><br />
<a href="javascript:void(0)" onclick="change_image('games/moonpatrol.bin');">Moon Patrol</a><br />
<a href="javascript:void(0)" onclick="change_image('games/mspacman.bin');">Ms. Pacman</a><br />
<a href="javascript:void(0)" onclick="change_image('games/spys-demise.bin');">Spy's Demise</a><br />
<a href="javascript:void(0)" onclick="change_image('games/falcons.bin');">Falcons</a><br />
<a href="javascript:void(0)" onclick="change_image('games/highrise.bin');">High Rise</a><br />
<a href="javascript:void(0)" onclick="change_image('games/starblazer.bin');">Star Blazer</a><br />
<a href="javascript:void(0)" onclick="change_image('games/swashbuckler.bin');">Swashbuckler</a><br />
</p>
<p>
<input type="checkbox" id="scanlines" onchange="clear_frames();" checked="checked" /><label for="scanlines">50% Scanlines</label><br />
<input type="checkbox" id="fullspeed" onchange="reset_timer();" /><label for="fullspeed">Full speed</label>
</p>
<p>
fps: <span id="fps"></span>
<span id="status_text"></span>
</p>
</div>
<br style="clear: both;" />
</div>
<div style="font-family: Arial; font-size: 14px; width: 780px; text-align: left;">
<p style="text-align: justify;">
Apple2JS is to celebrate 25th years with computers. My parents bought an Apple2 clone back in 1985, for my older brother's birthday. I would
sit next to him and watch him play Alien Typhoon for hours.
</p>
<p style="text-align: justify;">
Most games work completely, and some have minor keyboard incompatibilities. Regardless, toy around to find
the right keys for the game (usually IJKM, A&Z or the arrow keys.)
</p>
<a name="faq" />
<h2>FAQ</h2>
<p>
<strong>Q. Why only these games ?</strong><br />
A. I took over Tobias Schneider's 6502 emulator which runs C64 and NES games properly. The Apple2c was equipped with
a CMOS 65c02 which had additional opcodes that I just didn't implement. To make this short, I'm lazy. Also, this javascript
loads Apple2 BLOAD executables, and doesn't emulate floppies properly. Maybe sometime in the future :)
</p>
<p>
<strong>Q. Where is the sound ?</strong><br />
A. Dude, this is pure javascript!
</p>
<p>
<strong>Q. Doesn't work on my browser, what gives ?</strong><br />
A. Upgrade to <a href="http://www.google.com/chrome/intl/en/landing.html?hl=en">Chrome</a>.
</p>
<p>
<strong>Q. Why is it so slow ?</strong><br />
A. Emulator runs at up to 200 frames per second on my 1.8ghz using XP and Chrome. Firefox on the same platform
yields around 40 fps.
</p>
<p>
<strong>Q. What's missing in this version?</strong><br />
A. 65c02 opcodes, floppy disk emulation, text mode and mixed mode, fonts, joystick and proper keystrobe emulation.
</p>
<p>
<strong>Q. What other great games are for the Apple2 ?</strong><br />
A. Glad you asked! My favorites are: <em>Power Bots, Situation: Critical (Phase II), Castle Wolfenstein, Lode Runner, BC's Quest For Tires, Alien Typhoon, Star Blazer, Swashbucker, Spy's Demise, Highrise, Sammy Lightfoot, Amazon, 9 Prices in Amber, Cavern Creatures, Dung Beetles, Hart Hat Mack, Jungle Hunt, Mr. Robot And His Robot Factory, Snake Byte, Ribbit, Repton</em> and (of course) <em>Captian Goodnight</em>
</p>
<p>
<strong>Q. Where is the color ?</strong><br />
A. Dude! My parents got us amber screen (weird orange). Green CRT on my PC was considered an upgrade. Live the 70s, say no to color!
</p>
<p>
<strong>Q. Where can I find more information about Apple II and its games ?</strong><br />
A. <a href="http://en.wikipedia.org/wiki/Apple_II_series" rel="nofollow">Apple 2 Series</a> :
<a href="http://www.mobygames.com/browse/games/apple2/" rel="nofollow">Apple 2 on MobyGames</a> :
<a href="http://www.virtualapple.org/">Virtual Apple</a> :
<a href="http://applewin.berlios.de/">AppleWin</a> (complete & up-to-date) :
<a href="http://mirrors.apple2.org.za/ftp.apple.asimov.net/">Asimon Archive</a> (gazillion diskette images)
</p>
<p>
<strong>Q. You're awesome, did you know that?</strong><br />
A. Super! <a href="mailto:[email protected]?subject=dude,%20you%20are%20awesome!">Drop me an email</a>! :)
</p>
</div>
</div>
<div style="background-color: #EEEEEE; margin: 20px 0px 0px 0px; padding: 14px;">
<strong>Apple2JS</strong> made by <a href="http://www.megidish.net/">Gil Megidish</a>. I can be contacted at
<a href="mailto:[email protected]?subject=dude,%20you%20are%20awesome!">[email protected]</a>. <a href="http://www.flickr.com/photos/teknokool/3727204286/">Don't Copy That Floppy</a>.
</div>
</div>
</div>
<br />
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-541540-2";
urchinTracker();
</script>
</body>
</html>
</body>
</html>