|
View previous topic :: View next topic
|
| Author |
Message |
NFG

Joined: 18 Dec 2006 Location: Brisbane.au
|
Posted: Mon Feb 16, 2009 7:58 am Post subject: NFG's arcade font machine |
|
|
I've created a new thing:
A fantabulous, fantastic font machine! It'll allow you to create phrases in 60 (and counting) font styles, ripped from your favourite arcade games. Here's a sample of the fonts available so far:
As far as first-time PHP projects go, I think this was a totall success. _________________

Last edited by NFG on Mon Feb 16, 2009 11:41 am; edited 2 times in total |
|
| Filter / Back to top |
|
 |
sawtooth heh

Joined: 04 Dec 2006 Location: flashback
|
Posted: Mon Feb 16, 2009 8:04 am |
|
|
Burglar X and Alien Vs Predator and a few others are broken (at least for me). Yeah, this is neat! _________________
 |
|
| Filter / Back to top |
|
 |
CubaLibre

Joined: 02 Mar 2007 Location: The District
|
Posted: Mon Feb 16, 2009 8:54 am |
|
|
This is why I read Selectbutton. _________________
 |
|
| Filter / Back to top |
|
 |
glossolalia

Joined: 04 Mar 2008
|
Posted: Mon Feb 16, 2009 9:06 am |
|
|
sweet _________________
 |
|
| Filter / Back to top |
|
 |
thatbox

Joined: 05 Dec 2006
|
Posted: Mon Feb 16, 2009 9:07 am |
|
|
| Very cool! Front-page material, I'd say. |
|
| Filter / Back to top |
|
 |
Ronk

Joined: 29 Dec 2008
|
Posted: Mon Feb 16, 2009 9:14 am |
|
|
this is rad! _________________
 |
|
| Filter / Back to top |
|
 |
sawtooth heh

Joined: 04 Dec 2006 Location: flashback
|
Posted: Mon Feb 16, 2009 9:19 am |
|
|
This is also a good reminder of why I got into graphic design—i got my start in typography just doodling up pixel fonts. It's fascinating how much variation you can build into a 16 x 16 grid.
From a purely traditional formal standpoint, most of these are pretty bad, wracked with the usual inconsistencies you'd find in any monospaced typeface (massive letterspacing between I or l and other characters, squashed ms, stretched ns). Some of them even lack a consistent baseline or x-height, pushing gs and ys up so they fit into the rigid blocks they're supposed to. If they were traditional print or vector typefaces, they'd look like a mess.
But the tight grid they're in basically forces consonance and connections between them (all caps are more accommodating, like in Afterburner and Dangerous Seed). The overall effect is pleasing ("playful" at worst), and taking a look at Dangerous Seed the effect is really impressive, using variable thickness of the stems and strokes to fill in overlarge counters and letterspacing.
 _________________

Last edited by sawtooth on Mon Feb 16, 2009 9:31 am; edited 1 time in total |
|
| Filter / Back to top |
|
 |
vision warning: the following post is canon

Joined: 05 Dec 2006
|
Posted: Mon Feb 16, 2009 9:27 am |
|
|
 _________________ w/s/t |
|
| Filter / Back to top |
|
 |
Greng

Joined: 27 Sep 2007 Location: Leeds, West Yorkshire, Engerland
|
Posted: Mon Feb 16, 2009 9:37 am |
|
|
I wish I saw this before I made my sig ava combo but I guess I'm happy with them regardless.
That's an excellent tool, yes some fonts seem to need tweaking from playing around at 3x size. Man this is far more convenient than chopping pixels in photoshop. _________________
 |
|
| Filter / Back to top |
|
 |
dark steve secretary of good times

Joined: 04 Dec 2006 Location: long live the new flesh
|
Posted: Mon Feb 16, 2009 9:53 am |
|
|
 _________________
 |
|
| Filter / Back to top |
|
 |
dessgeega damaged

Joined: 05 Dec 2006
|
Posted: Mon Feb 16, 2009 10:08 am |
|
|
i've been using this to make banners for my fucking taito week posts
it's rad and a half
cameltry is probably my favorite arcade font, though there's been a truetype version of it forever _________________
 |
|
| Filter / Back to top |
|
 |
Greng

Joined: 27 Sep 2007 Location: Leeds, West Yorkshire, Engerland
|
Posted: Mon Feb 16, 2009 10:15 am |
|
|
I've always liked the treasure font but the dodonpachi ones my favourite from that selection (from playing with it for 3 minutes that is). _________________
 |
|
| Filter / Back to top |
|
 |
NFG

Joined: 18 Dec 2006 Location: Brisbane.au
|
Posted: Mon Feb 16, 2009 10:21 am |
|
|
| Quote: |
From a purely traditional formal standpoint, most of these are pretty bad, wracked with the usual inconsistencies you'd find in any monospaced typeface (massive letterspacing between I or l and other characters, squashed ms, stretched ns). Some of them even lack a consistent baseline or x-height, pushing gs and ys up so they fit into the rigid blocks they're supposed to. If they were traditional print or vector typefaces, they'd look like a mess.
But the tight grid they're in basically forces consonance and connections between them (all caps are more accommodating, like in Afterburner and Dangerous Seed). The overall effect is pleasing ("playful" at worst), and taking a look at Dangerous Seed the effect is really impressive, using variable thickness of the stems and strokes to fill in overlarge counters and letterspacing. |
I attribute many of these flaws to the fact that they were not designed by people with a native understanding of the Roman alphabet. The average Japanese making an arcade font knows as much about Roman typography as I know about Kanji: I can emulate the appearance but I can't dream of properly duplicating the feel of the character.
I mean, why do they use a lower case A that has the dangly bit over the top, instead of an A like we'd hand-write? It'd take 2 or 3 fewer vertical pixels. And in many cases, they could lose the drop-shadow to allow for one extra line for a descender on a lower-case G or Y.
Sawtooth: the BurglarX and AvP fonts you refer to are larger than 8x8, and I haven't worked out the automatic parsing for 'em yet. You can manually work them out using /h-x and /w-x where X = the height or width of the font. Here's Raiden Fighters' 16x8 font:
NOTE! These font images can be hotlinked on this froum (and several others) but in order to keep my poor server from melting down, I've disabled hotlinks to the images you create with the font tool. I'm very sorry for any inconvenience this may cause. _________________
 |
|
| Filter / Back to top |
|
 |
NFG

Joined: 18 Dec 2006 Location: Brisbane.au
|
Posted: Mon Feb 16, 2009 12:09 pm |
|
|
Added four new fonts: Gaiapolis, Gradius 3, Gunbuster and Monster Mauler. They've been added to the sampler image in the first post. _________________
 |
|
| Filter / Back to top |
|
 |
Chuplayer

Joined: 23 Nov 2007 Location: mint = OWNED
|
Posted: Mon Feb 16, 2009 12:56 pm |
|
|
Very, very cool. _________________ Boycotting Digital Press for blatant anti-Semitism.
"Hotaru is just freaky like that. Just look at the select screen. She's between Dong and Butt." - Goh_Billy
 |
|
| Filter / Back to top |
|
 |
DonMarco graphics fucker

Joined: 06 Dec 2006
|
Posted: Mon Feb 16, 2009 2:01 pm |
|
|
Awesome awesome awesome
I should go back and finish learning php. The textbooks were only 600 pages thick, how hard could it be? _________________ Collector of 1,538 strategy guides, and BlazBlue ain't one of them.
"Toups, can I ask you? Do you think love can bloom even in the Forum Axe?" |
|
| Filter / Back to top |
|
 |
Martial Loh

Joined: 12 Jan 2007 Location: London, UK
|
Posted: Mon Feb 16, 2009 3:53 pm |
|
|
| This is awesome! Thanks dude |
|
| Filter / Back to top |
|
 |
sawtooth heh

Joined: 04 Dec 2006 Location: flashback
|
Posted: Tue Feb 17, 2009 12:22 am |
|
|
| NFG wrote: |
I attribute many of these flaws to the fact that they were not designed by people with a native understanding of the Roman alphabet. The average Japanese making an arcade font knows as much about Roman typography as I know about Kanji: I can emulate the appearance but I can't dream of properly duplicating the feel of the character.
I mean, why do they use a lower case A that has the dangly bit over the top, instead of an A like we'd hand-write? It'd take 2 or 3 fewer vertical pixels. And in many cases, they could lose the drop-shadow to allow for one extra line for a descender on a lower-case G or Y. |
It seems most of the quirks of these fonts are because they mimic conventional sans serif faces and especially fixed-width faces. Ultra-geometric sans-serifs like Futura (which has the stick-and-circle "a") are relatively rare, and the graphic artists would be more likely to look at other accepted monospace fonts of the time (like courier or fixedsys, courier being the grandfather of monospace fonts) instead of handwriting for reference.
Even though the a isn't like how we write it, it's what makes it identifiable as "a" rather than "o." A Futura "a" would be annoying if you're trying to read it on a small screen from 2 or 3 feet away.
The dragon saber font is really neat. I think it takes inspiration from woodcut types somehow—the A with the slab on top and the v-shaped crossbar is strongly reminiscent of wood-inspired typefaces like Algerian (which is the typeface that Patrón tequila uses)
 _________________
 |
|
| Filter / Back to top |
|
 |
NFG

Joined: 18 Dec 2006 Location: Brisbane.au
|
Posted: Tue Feb 17, 2009 9:50 am |
|
|
I just love what you've done with the WANTED poster there.
For my money, SDI looks much more like a wood-cut font than Dragon Saber:
etc.
I like your theory about the font inspiration, it changes the way I look at a lot of these.
BTW, added and today while at work. Shhh... _________________
 |
|
| Filter / Back to top |
|
 |
Flackon

Joined: 04 Dec 2006 Location: Spain
|
Posted: Thu Feb 19, 2009 4:06 pm |
|
|
This will be very useful. Thank you. _________________
 |
|
| Filter / Back to top |
|
 |
NFG

Joined: 18 Dec 2006 Location: Brisbane.au
|
Posted: Thu Feb 26, 2009 2:24 am |
|
|
Work progresses on the font engine, over 70 fonts available now.
I've also put together a handy guide to ripping your own fonts, which you may wish to peruse. _________________
 |
|
| Filter / Back to top |
|
 |
vision warning: the following post is canon

Joined: 05 Dec 2006
|
Posted: Thu Feb 26, 2009 2:28 am |
|
|
| This is a pleasure to witness. |
|
| Filter / Back to top |
|
 |
wasted potential

Joined: 19 Jul 2007
|
Posted: Thu Feb 26, 2009 3:24 am |
|
|
Ooooh, love the Dangerous Seed one. _________________
 |
|
| Filter / Back to top |
|
 |
This Machine Kills Fascis inexhaustible kitschery

Joined: 06 Dec 2006 Location: Clinton Hill
|
Posted: Thu Feb 26, 2009 3:28 am |
|
|
As much as I also like to obsess over controllers, this is your greatest accomplishment NFG. _________________ Select Button
The fuckery has so many layers that I can't tell who knows what's going on and who's just an idiot. |
|
| Filter / Back to top |
|
 |
Adilegian

Joined: 05 Dec 2006
|
Posted: Thu Feb 26, 2009 4:52 am |
|
|
I'm now going to edit lines of poetry into still images from Street Fighter II. _________________
| analogos wrote: |
| You can only learn less to know it. |
|
|
| Filter / Back to top |
|
 |
kael

Joined: 04 Dec 2006 Location: Mountain View, CA
|
Posted: Thu Feb 26, 2009 5:14 am |
|
|
| NFG wrote: |
| NOTE! These font images can be hotlinked on this froum (and several others) but in order to keep my poor server from melting down, I've disabled hotlinks to the images you create with the font tool. I'm very sorry for any inconvenience this may cause. |
This is a really cool idea. Have you considered hosting the generated images on something like S3? They're ridiculously tiny, so I can't imagine it would cost you much at all to host them, and you wouldn't have to worry about server meltdowns. |
|
| Filter / Back to top |
|
 |
Felix

Joined: 04 Dec 2006 Location: vancouver
|
Posted: Thu Feb 26, 2009 10:53 am |
|
|
Don't ask for the context of this, but accept my thanks. |
|
| Filter / Back to top |
|
 |
Adilegian

Joined: 05 Dec 2006
|
Posted: Thu Feb 26, 2009 6:58 pm |
|
|
Aaaand my favorite:
 _________________
| analogos wrote: |
| You can only learn less to know it. |
|
|
| Filter / Back to top |
|
 |
CubaLibre

Joined: 02 Mar 2007 Location: The District
|
Posted: Thu Feb 26, 2009 7:52 pm |
|
|
Glory _________________
 |
|
| Filter / Back to top |
|
 |
Adilegian

Joined: 05 Dec 2006
|
Posted: Fri Feb 27, 2009 12:02 am |
|
|
And how. I like to think of those images as bringing both poetry and SF2 down to a new low. _________________
| analogos wrote: |
| You can only learn less to know it. |
|
|
| Filter / Back to top |
|
 |
NFG

Joined: 18 Dec 2006 Location: Brisbane.au
|
Posted: Sun Mar 01, 2009 2:28 pm |
|
|
Added a bunch of new fonts since we last talked:
Asterix
Batsugun
Don Doko Don
Gain Ground
Dimahoo
Ghosts n Goblins
Ghouls n Ghosts
Final Star Force
Battle Bakraid
Aurail
Klax
Wonder Boy
Final Star Force
and a few more... New ones at the bottom of the list:
 _________________
 |
|
| Filter / Back to top |
|
 |
Bo 0

Joined: 05 Dec 2006
|
Posted: Sun Mar 01, 2009 5:08 pm |
|
|
 |
|
| Filter / Back to top |
|
 |
This Machine Kills Fascis inexhaustible kitschery

Joined: 06 Dec 2006 Location: Clinton Hill
|
Posted: Sun Mar 01, 2009 9:36 pm |
|
|
| Bo 0 wrote: |
 |
Holy shit: NFG, you need to get on the horn with Toups and make this thing happen. _________________ Select Button
The fuckery has so many layers that I can't tell who knows what's going on and who's just an idiot. |
|
| Filter / Back to top |
|
 |
kerobaros

Joined: 05 Dec 2006 Location: St. Louis, MO
|
Posted: Mon Mar 02, 2009 12:38 am |
|
|
| This Machine Kills Fascis wrote: |
| Bo 0 wrote: |
 |
Holy shit: NFG, you need to get on the horn with Toups and make this thing happen. |
Um. Hell yes you do. |
|
| Filter / Back to top |
|
 |
NFG

Joined: 18 Dec 2006 Location: Brisbane.au
|
Posted: Mon Mar 02, 2009 12:47 am |
|
|
Yeah, I'm releasing the code shortly. It'd have been done last week except that I got a bluescreen while halfway through posting it. =/
EDIT: done! Here's the official release. It uses the brand new Creative Commons Zero license.
Please enjoy. _________________
 |
|
| Filter / Back to top |
|
 |
NFG

Joined: 18 Dec 2006 Location: Brisbane.au
|
Posted: Wed Mar 04, 2009 10:18 am |
|
|
3 new fonts added, as well as a link to some nifty True/OpenType game fonts. _________________
 |
|
| Filter / Back to top |
|
 |
Adilegian

Joined: 05 Dec 2006
|
Posted: Wed Mar 04, 2009 4:11 pm |
|
|
One thousand pardons, please, if this is a dumb question, but:
Is there any way that this little gem can run from an offline application? I can use it on the web just fine, but this strikes me as the kind of thing I'd like to have as part of my computer. _________________
| analogos wrote: |
| You can only learn less to know it. |
|
|
| Filter / Back to top |
|
 |
kirkjerk

Joined: 08 Dec 2007
|
Posted: Wed Mar 04, 2009 7:14 pm |
|
|
Also: could we make it so there's a "sample" page (like the list of all the fonts you've posted here) so you can click on the font you want, and it "seeds" the Form? (Or if you had deep CSS mojo, make the select list show the font in question...) _________________
   |
|
| Filter / Back to top |
|
 |
NFG

Joined: 18 Dec 2006 Location: Brisbane.au
|
Posted: Wed Mar 04, 2009 9:50 pm |
|
|
| Quote: |
| Is there any way that this little gem can run from an offline application? |
Sure. Install PHP and run this from the command line (though you'd have to install a webserver as well to avoid changing the code... Or, find someone who can code, and get them to whip up a similar app for you. It won't be coming from me, I can't code. =(
| Quote: |
| Also: could we make it so there's a "sample" page (like the list of all the fonts you've posted here) so you can click on the font you want, and it "seeds" the Form? (Or if you had deep CSS mojo, make the select list show the font in question...) |
I'm gonna do up a sample page next, though it may not link back to the font generator... actually, it probably will. <ponders>
As for CSS, no, they're not fonts as a browser understands, and you can't put images in a drop-down menu, I checked. _________________
 |
|
| Filter / Back to top |
|
 |
kael

Joined: 04 Dec 2006 Location: Mountain View, CA
|
Posted: Wed Mar 04, 2009 10:46 pm |
|
|
| NFG wrote: |
| As for CSS, no, they're not fonts as a browser understands, and you can't put images in a drop-down menu, I checked. |
You can apply the background-image style to <option> elements, if you want to do this. |
|
| Filter / Back to top |
|
 |
kirkjerk

Joined: 08 Dec 2007
|
Posted: Thu Mar 05, 2009 12:56 am |
|
|
| Quote: |
| Also: could we make it so there's a "sample" page (like the list of all the fonts you've posted here) so you can click on the font you want, and it "seeds" the Form? (Or if you had deep CSS mojo, make the select list show the font in question...) |
I'm gonna do up a sample page next, though it may not link back to the font generator... actually, it probably will. <ponders>
As for CSS, no, they're not fonts as a browser understands, and you can't put images in a drop-down menu, I checked.[/quote]
Yeah, you could "roll your own" via CSS, but probaly more hassle than it's worth to get all the usual select buton functionality.
My idea for a sample page should be pretty easy to implment... just make each image a link passing the font name or id, and then have the form page check that variable and preset itself if something has been picked... _________________
   |
|
| Filter / Back to top |
|
 |
|