Basically I extracted the emojis from my Mac's system font. From there I downscaled them to 64x64 pixels and made them grayscale.
With this set of images I experimented with a few different algorithms. I ended up settling for just a regular ordered dithering (Bayer). But! It still didn't look that good. So what I ended up doing was normalizing the darks and lights for each emoji. This was because some emojis are lighter and darker than others. I wanted to create a uniform appearance for all of them.
So the process was (1) get emojis. (2) downscale + grayscale. (3) normalize tone. (4) dither. (5) then upscale
Pebble has a set of black and white emojis to go with their OS's visual language. Lots missing, but the ones they have are nicely readable for watch notification purposes.
Not as detailed as these, and using 90/45 degree angles in keeping with the rest of their graphics.
in the CSS which would probably(?) prevent the headache-inducing effect, which I'm guessing comes from the hard edges of the background image tiling contrasted with the bilinear upscale blur.
The site looks like it was abandoned in 2023, however.
Awesome. I recently got a play.date device, so im getting into 1 bit pixel art for a game i am building. I am using as a forcing function 5o avoid the multitudes of rabbit holes possible with games. It is so refreshing!
I hate LLMs too, but these comments are getting old. Those of us from a certain generation (who grew up using computers that this website is mimicking) were taught in our "keyboarding" classes to hit - twice to type a hyphen in the WordPerfect word processor. Guess where LLMs learned to type? By reading everything we old people wrote
My favorite from his site
https://hypertalking.com/2023/05/08/1-bit-pixel-art-of-hokus...
Discussed on
08-may-2023 https://news.ycombinator.com/item?id=47863570 93 comments
BTW you can print it on a transparent film and use any coloured paper as a background layer or multiple with a different offsets and grade.
With a proper combo o depth you can get a very nice result.
Hey that's such a nice idea, of multiple layers.
Thanks to your idea, now I am imagining printing different layers of foreground and background on glass and stacking them with spacers for parallax.
I was inspired by this site to run emojis through a dithering algorithm (https://dither-emojis.pages.dev/)! Nothing beats hand drawn though.
They look good what was your process.
Sorry for taking so long to get back to you.
Basically I extracted the emojis from my Mac's system font. From there I downscaled them to 64x64 pixels and made them grayscale.
With this set of images I experimented with a few different algorithms. I ended up settling for just a regular ordered dithering (Bayer). But! It still didn't look that good. So what I ended up doing was normalizing the darks and lights for each emoji. This was because some emojis are lighter and darker than others. I wanted to create a uniform appearance for all of them.
So the process was (1) get emojis. (2) downscale + grayscale. (3) normalize tone. (4) dither. (5) then upscale
Pebble has a set of black and white emojis to go with their OS's visual language. Lots missing, but the ones they have are nicely readable for watch notification purposes.
Not as detailed as these, and using 90/45 degree angles in keeping with the rest of their graphics.
https://developer.rebble.io/guides/app-resources/system-font...
If anyone interested in experimenting with dithering/halftoning algorithms in postscript, take a look at https://printserver.ink/blog/ghostscript-halftone/
You can implement it in PostScript, and there are many examples (with the PostScript code) in PDF specification (pages 303-307): https://opensource.adobe.com/dc-acrobat-sdk-docs/standards/p...
On mobile if you zoom in the background gives you a headache
The page would benefit from
in the CSS which would probably(?) prevent the headache-inducing effect, which I'm guessing comes from the hard edges of the background image tiling contrasted with the bilinear upscale blur.
The site looks like it was abandoned in 2023, however.
Great time to shoutout the work of Susan Kare: https://kareprints.com/
She was the one to do the original icons for the Macintosh
Love the website, fonts, UI and all of it! It brings back fun memories of my early Mac days.
The rendering on this blank character is wrong, it is visible
The little crosses around the em-dashes? If I comment out the BitGeneva12 font in the css body they go away.
This has me feeling nostalgic for Hypercard. Nice work!
I was unprepared for the wave of nostalgia that hit me when I went to the hos website. Grandpa's Mac computer was so cool!!
Awesome. I recently got a play.date device, so im getting into 1 bit pixel art for a game i am building. I am using as a forcing function 5o avoid the multitudes of rabbit holes possible with games. It is so refreshing!
Some things are just plain beautiful.
I would gladly use this as an emoji set (alongside Chicago or Monaco).
Cool. 1-bit hi-resolution emoji would be fire.
What resolution? high enough and they will just appear gray scale. I think the point is for them to be low-res
Nice! I want a phone theme with this. Do you know any?
There’s an awful lot of emdashes in that text.
I type the emdash a lot myself; how do you know the author doesn't as well? The copy is simple and readable so even if it is AI, who cares?
I hate LLMs too, but these comments are getting old. Those of us from a certain generation (who grew up using computers that this website is mimicking) were taught in our "keyboarding" classes to hit - twice to type a hyphen in the WordPerfect word processor. Guess where LLMs learned to type? By reading everything we old people wrote
[dead]