Maxim: A Mac Simulator
Requirements
Javascript is required to run the Mac simulator.
Overview
This demo recreates, largely through CSS, Javascript, and DOM, the Mac System 7 interface. Please use a Gecko-based browser to avoid rendering bugs in other engines and have the Chicago font installed for pixel-accurate results.
Controls
Display
No Screen
Resources
Make sure you have the Chicago font (e.g. in Classic's /System Folder/Fonts or in ~/Library/Fonts).
Sample tiles:
- http://pixelsbyjudy.com/Background_tiles/textured84.jpg
- More
Sample desktop pictures (for scaled background image):
- http://people.ucsc.edu/~rswilson/images/jpeg/macdesktop-010901.jpg
- http://stahlforce.com/desktop/4-1024-water-poles-moon-desktop-background.jpg
- http://www.ninisworld.com/imagesandwords/desktops/the_desktops/summerwood2.jpg
- http://www.earthmandalas.com/desktop-wallpaper/em-desktop-pansies.jpg
- More
Compatibility
The CSS markup requires a CSS2-compliant browser, which rules out Internet Explorer 6. I haven't tried IE7 and don't intend to. The CSS-only mode is gone; Javascript is now required. Safari is currently unsupported due to what I suspect are rendering bugs. I highly recommend installing the Chicago font if you don't have Classic installed -- it's required to get the full effect.
The hierarchical menu triangles are now generated content instead of a superposition of image elements (of which one is displayed and one not), which seems less hackish but causes trouble for Safari, which may be a bug in WebKit or merely a different interpretation of CSS. For now I'm focusing on Firefox, which has the better debugging tools anyway.
Supported behavior modes
-
Mac OS original (System 5 - 7):
This implementation needs a few tweaks, but it's mostly there.
Future behavior modes
-
Mac OS 8:
Like Mac OS original but with sticky menus. -
Mac OS X:
Same as Mac OS 8 but accepts keystrokes and scroll wheel input. -
GEM Desktop:
Menus drop on mouse-over, but remain until mouse-down. This makes them fairly annoying.