- Select a game (key bindings).
- Select a keyboard (key positions).
- Select a style (visual formatting).
- Click on the 'Create Diagram' button. A new window with your selected diagram will appear.
- View or print the page in the new window.
Source Code & Content Licenses:
MediaWiki & SVG:
I have created a template for MediaWiki that does basically the same thing as the charts on this site. You can find the template as well as instructions on StrategyWiki and Wikia, here and here. And, you can generate the MediaWiki code for each game using this printout. Just remember to change the number after "&gam=" portion of the page URL to the correct game ID. You may also want to wrap the chart in a scrollable DIV element, since the chart is larger than a typical browser window.
I have also created SVG versions of the charts. You can view them by simply checking the box at the bottom of the chart pages and clicking on the "Change" button. I have not migrated to using SVG images completely yet, because they are less compatible with older browsers, and I have not figured out how to implement the mouse and joystick controls listings, as they require text-wrapping and variable height dimensions. On the other hand, they are more compatible with wiki software such as MediaWiki.
Change Log & Credits:
View the change log for the update history, links to further reading, and credits.
- When printing, most likely the chart will not fit within a single letter- or legal-sized page, even when selecting 'Landscape' mode instead of 'Portrait' mode in your printer settings. Luckily, newer Web browsers have a 'zoom' feature (CTRL + Mousewheel in Google Chrome, Internet Explorer and Mozilla Firefox) that you can use to shrink or grow the page before printing. Zooming to 50% seems to work pretty well in 'Landscape' mode.
- Your browser or printer may also have a 'shrink to fit' feature that you can take advantage of to automatically adjust the size of the page output.
- Remember also to enable printing of background colors and images. This setting is found in 'Page Setup' (Mozilla Firefox and Internet Explorer) or within the print dialog itself (Google Chrome).
- If the colors or keyboard style are not to your liking, select a different "Style" from the above options, then generate the chart again.
- Printing at 96dpi (dots-per-inch) and 100% zoom should result in a printed page that approximates the size and dimensions of a real physical keyboard. However, on Windows some Web browers (Google Chrome for instance) use your desktop DPI scaling settings to adjust the size of on-screen elements, resulting in a document that may end up appearing larger than intended.