HyperCard vs Pixel Art
ハイパーカード / ピクセルアート
HyperCard comes from Digital Retro and Pixel Art from Digital Image Techniques. One is layout and the other technique. They are reached for with some of the same intent, which is where they get confused.
HyperCard
A screen form that came out of a tool. HyperCard was written by Bill Atkinson and shipped with the System 6 Macintosh in August 1987, and Apple described it as a hypermedia program or construction kit. Its unit is not a page but a card, the metaphor being a card index in which each card holds pictures or text, and a reader jumps from card to card or from one stack to another.
Pixel Art
.gif){kind=tracking}
Treats the pixel as an honest unit, building clear form from limited resolution and palette.
| HyperCard | Pixel Art | |
|---|---|---|
| Era | 1987–2004 | 1970s– |
| Family | Digital Retro | Digital Image Techniques |
| Kind | Layout | Technique |
| Cues | One card filling the screen, with navigation that jumps between cards rather than turning pages / One bit black on white drawing, where grays and photographs both arrive as dither patterns / A row of small square icon buttons packed along the bottom edge of the card / Picture and text sharing one surface, with an input field marked by a single rule | Visible pixels / Limited palettes / Tiles / Sprites |
| Best used for | Building an exhibition screen that presents holdings one card at a time instead of as a run of pages · Rebuilding the feel of late 1980s and 1990s homemade software in one bit black and white | Icons and controls for small screens that stay clean when scaled up · Game characters and terrain that must read apart at tiny sizes |
| Type | Use a bitmap screen face. Do not enlarge headings, and let text carry the same weight as the drawing on the card. | Draw letters on the same grid, fixing cap height in pixels |
| Composition | One card is one screen. Put the shared frame on the background layer and lay the individual picture and text over it. Pack the navigation buttons along the bottom. | Scale only by whole multiples and keep every element on grid |
| Material | Black on white at one bit. Make midtones from dither patterns and halftone any photograph before placing it. Draw outlines as single pixel rules. | Limited palette, dark outlines, neighboring hues to soften the steps |
| Caution | Hiding the links inside the artwork erases the way back, and nobody can tell which stack they are in or how far along it. | Downscaling a photograph skips the decision behind every single pixel, and the contours turn muddy the moment the image is enlarged. |