This site design is one of the best retro Mac site designs I've seen. The author really nailed the pixel perfect fonts — it looks perfect on my low-DPI and high-DPI displays.
If anyone's interested, there's an active HyperCard community with some fun projects. There's a Discord server, too. https://hypercard.org/
I found that community through the Avara community, a port of the classic Mac multiplayer networked mech shooter from Ambrosia: https://github.com/avaraline/Avara
Also, if you're into retro Mac stuff or just want nostalgia, the Infinite Mac project is amazing. You can run all the major Mac OS Classic releases right in the browser, you can drag and drop files from Macintosh Archive or Macintosh Garden onto the window, and you can even create an AppleTalk network between browsers: https://infinitemac.org/
Yeah, it looks like the font is scaled slightly wrong along the x-axis, so that the displayed pixels don't quite line up with screen pixels. Specifically, the text is rendered about 0.5% too narrow, causing a moire-type pattern that repeats about every 200 pixels.
Adding this custom CSS rule seems to fix it for me:
Same here, I think it's caused by the font it's using (BitGeneva12 [1], which obviously is a geneva [2] clone but I can't find where it (the font) is from. Maybe the author created it themselves?).
This seems to be because Firefox has no way to disable text antialiasing (whereas Safari and Chrome support -webkit-font-smoothing), so Firefox is trying to antialias a pixel font which just looks weird
How I miss Escape Velocity and Ambrosia Software. It was the first game I bought. Had to call the US at some weird hour from Australia and pay with Dad's credit card over the phone.
I'm aware there are similar games like Endless Sky (which I've played quite a bit).
I really wish the people behind Ambrosia could be encouraged to open source everything.
When viewing the site in Firefox, the font in the paragraphs has a very subtle rainbow effect. Here's a screenshot of it zoomed in: https://i.imgur.com/ir0MmPq.png
I was wondering how they achieved that effect, but it doesn't seem intentional. It's not part of the CSS, and I only see it in FF, doesn't happen in Chrome.
It goes away if I switch fonts, it looks like it's some weird result of how Firefox renders the site's "BitGeneva12" font. Another odd thing, it goes away when I used FF's "Take Screenshot" feature. Also only happens when the font is 12px in size.
On your screenshot I can only see the fonts aren't quite sharp, the rainbow effect is probably from your display trying to render these subpixel differences.
If you're interested in showing photographs and paintings on a classic Mac, I actually made an app for that. It takes modern images, dithers them to 1-bit, and then exports the results to MacPaint format (encoded in MacBinary for easy transport). It works on modern versions of macOS:
https://oaksnow.com/retrodither/
There's something very... right about the black and white rendering from those early macs. Can't exactly put my finger on it but they seem very natural in a way that I can't readily identify in any other setting.
Yes. For me, part of it is the display tech in use. Those monochrome CRT displays look great! And that "white" phosphor helps augment the whole thing in a way an LCD misses the mark on, but just slightly.
Still looks great.
For what it is worth, an e-ink display will look fantastic! I have one and will view this eye candy on it soon enough.
Bill Atkinson's dithering algorithm is great, and I use it for photos when I put them on the blog, to keep them aesthetically in line with the rest of the site
You are probably right. Author could of course have neglected to mention their ThunderScan or whatever but looking closely at the image it does not show dithering but rather a concerted attempt at using regular but changing patterns to achieve, for example, the gradient in the background.
I took my father to see the original in Tokyo today. It's a sight to behold and worth a look next time you're here. You can also watch a Sumo match nearby.
I saw an original copy yesterday in the Boston Museum of Fine Arts, along with the 50,000 piece LEGO version! They have a large exhibit about Hokusai, along with many of his contemporaries such as Hiroshige, works from his students and teachers, and many many examples of how the Great Wave has been reflected in art and culture over the years. They didn't have this beautiful little 1-bit piece though.
The original are the woodblocks (it’s multi-colour, so I assume there were multiple blocks). Those wouldn’t show the full picture and would have been worn down, if we still had them. We don’t, though. The next best thing would be prints made by the artist.
Edit: nowadays, artists write things like “3/50” on their prints (meaning they made fifty prints, and this is the third). That informs collectors/drives up prices for the low numbered prints.
When I was getting started with my laser engraver, I used the Great Wave as my template image. It translates to black and white quite nicely. Since the laser has a power range, you normally use grayscale but dithering also works. The stucki and jarvis options are both very good.
To me, dithering reminds me of early Macs (just like the link).
Inspired by this thread, I just reread it. There's a reproduction with the original woodblock print images, which was useful because I didn't have that when I read this story as a teenager.
Damn! That's super cool. I have shown the wave to my kids but I often tell them that artists are not always what we know of them. This is a superb demonstration ! Thanks for posting ! (usually I'd use l' "origine du monde" by Courbet)
Of course, you can close the blog post (top left corner of the window), or click the floppy icon, which will reveal more posts. There aren't more Hokusai posts, though.
Generally, "n bit" describes the color depth of an image by the number of bits used to store the color information of a pixel.
Some common formats:
1 bit .... b/w (foreground or background color set per pixel)
4 bit .... 16 colors (indexed color palette or 16 shades of grey in 1 channel)
8 bit .... 256 colors (indexed color palette or 1-channel greyscale image)
12 bit ... 16 x 16 x 16 colors, 3 color channels at 4 bits for 4,096 colors total
24 bit ... 256 x 256 x 256 colors, 3 color channels at 8 bits for 16,777,216 colors total
32 bit ... as above, but including an extra alpha channel (mask) for 256 levels of transparency
There are also high-resolution color modes (e.g. in Photoshop) using either 16 bits or even 32 bits per color channel. (So 8-bit, 16-bit or 32-bit may also describe the depth for each individual color channel in imaging software.)
"8-bit" is also used for graphics on 8-bit computers, most often a palette of 8 or 16 indexed colors in some sort of sub-palette (e.g., 2 bit = 4 out of 8 or 16 colors), in rare cases even 128 colors (like on the Atari 2600). Here, "8-bit" relates to the platform and not to image depth or a specific implementation.
If you transmitted it one pixel at a time left to right top to bottom scan, or boudestrophon l r l r l r if you prefer then the pixel stream would equal a 1 bit value toggling on or off.
Very cool drawing, as a side note I’ve seen Stable Diffusion be able to achieve very good pixel art with some Loras and textual embeddings plus some skill. Also seen it able to do amazing img2img art like pictured here.
Does anyone know of any modern linux desktop environments that are specifically designed for 1-bit or grayscale? I really like the nice clean look as demonstrated here.
If anyone's interested, there's an active HyperCard community with some fun projects. There's a Discord server, too. https://hypercard.org/
I found that community through the Avara community, a port of the classic Mac multiplayer networked mech shooter from Ambrosia: https://github.com/avaraline/Avara
Also, if you're into retro Mac stuff or just want nostalgia, the Infinite Mac project is amazing. You can run all the major Mac OS Classic releases right in the browser, you can drag and drop files from Macintosh Archive or Macintosh Garden onto the window, and you can even create an AppleTalk network between browsers: https://infinitemac.org/