selectbutton
 FAQFAQ   SearchSearch   MemberlistMemberlist   UsergroupsUsergroups   RegisterRegister 
 ProfileProfile / Ignoring   Log in to check your private messagesLog in to check your private messages   Log inLog in 

NFG's arcade font machine
Goto page 1, 2  Next
 
Post new topic   Reply to topic    selectbutton Forum Index -> Force Feedback
View previous topic :: View next topic  
Author Message
NFG



Joined: 18 Dec 2006
Location: Brisbane.au

PostPosted: Mon Feb 16, 2009 7:58 am    Post subject: NFG's arcade font machine    Reply with quote

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 
View user's profile Send private message Visit poster's website AIM Address Yahoo Messenger MSN Messenger
sawtooth
heh


Joined: 04 Dec 2006
Location: flashback

PostPosted: Mon Feb 16, 2009 8:04 am        Reply with quote



Burglar X and Alien Vs Predator and a few others are broken (at least for me). Yeah, this is neat!
_________________
Filter / Back to top 
View user's profile Send private message
CubaLibre



Joined: 02 Mar 2007
Location: The District

PostPosted: Mon Feb 16, 2009 8:54 am        Reply with quote

This is why I read Selectbutton.
_________________
Filter / Back to top 
View user's profile Send private message AIM Address
glossolalia



Joined: 04 Mar 2008

PostPosted: Mon Feb 16, 2009 9:06 am        Reply with quote

sweet
_________________
Filter / Back to top 
View user's profile Send private message
thatbox



Joined: 05 Dec 2006

PostPosted: Mon Feb 16, 2009 9:07 am        Reply with quote

Very cool! Front-page material, I'd say.
Filter / Back to top 
View user's profile Send private message
Ronk



Joined: 29 Dec 2008

PostPosted: Mon Feb 16, 2009 9:14 am        Reply with quote

this is rad!
_________________
Filter / Back to top 
View user's profile Send private message Visit poster's website AIM Address
sawtooth
heh


Joined: 04 Dec 2006
Location: flashback

PostPosted: Mon Feb 16, 2009 9:19 am        Reply with quote

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 
View user's profile Send private message
vision
warning: the following post is canon


Joined: 05 Dec 2006

PostPosted: Mon Feb 16, 2009 9:27 am        Reply with quote



_________________
w/s/t
Filter / Back to top 
View user's profile Send private message
Greng



Joined: 27 Sep 2007
Location: Leeds, West Yorkshire, Engerland

PostPosted: Mon Feb 16, 2009 9:37 am        Reply with quote

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 
View user's profile Send private message
dark steve
secretary of good times


Joined: 04 Dec 2006
Location: long live the new flesh

PostPosted: Mon Feb 16, 2009 9:53 am        Reply with quote



_________________
Filter / Back to top 
View user's profile Send private message AIM Address
dessgeega
damaged


Joined: 05 Dec 2006

PostPosted: Mon Feb 16, 2009 10:08 am        Reply with quote

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 
View user's profile Send private message Visit poster's website
Greng



Joined: 27 Sep 2007
Location: Leeds, West Yorkshire, Engerland

PostPosted: Mon Feb 16, 2009 10:15 am        Reply with quote

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 
View user's profile Send private message
NFG



Joined: 18 Dec 2006
Location: Brisbane.au

PostPosted: Mon Feb 16, 2009 10:21 am        Reply with quote

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 
View user's profile Send private message Visit poster's website AIM Address Yahoo Messenger MSN Messenger
NFG



Joined: 18 Dec 2006
Location: Brisbane.au

PostPosted: Mon Feb 16, 2009 12:09 pm        Reply with quote

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 
View user's profile Send private message Visit poster's website AIM Address Yahoo Messenger MSN Messenger
Chuplayer



Joined: 23 Nov 2007
Location: mint = OWNED

PostPosted: Mon Feb 16, 2009 12:56 pm        Reply with quote

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 
View user's profile Send private message
DonMarco
graphics fucker


Joined: 06 Dec 2006

PostPosted: Mon Feb 16, 2009 2:01 pm        Reply with quote

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 
View user's profile Send private message Visit poster's website
Martial Loh



Joined: 12 Jan 2007
Location: London, UK

PostPosted: Mon Feb 16, 2009 3:53 pm        Reply with quote

This is awesome! Thanks dude
Filter / Back to top 
View user's profile Send private message
sawtooth
heh


Joined: 04 Dec 2006
Location: flashback

PostPosted: Tue Feb 17, 2009 12:22 am        Reply with quote

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 
View user's profile Send private message
NFG



Joined: 18 Dec 2006
Location: Brisbane.au

PostPosted: Tue Feb 17, 2009 9:50 am        Reply with quote

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 
View user's profile Send private message Visit poster's website AIM Address Yahoo Messenger MSN Messenger
Flackon



Joined: 04 Dec 2006
Location: Spain

PostPosted: Thu Feb 19, 2009 4:06 pm        Reply with quote

This will be very useful. Thank you.
_________________
Filter / Back to top 
View user's profile Send private message Visit poster's website
NFG



Joined: 18 Dec 2006
Location: Brisbane.au

PostPosted: Thu Feb 26, 2009 2:24 am        Reply with quote

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 
View user's profile Send private message Visit poster's website AIM Address Yahoo Messenger MSN Messenger
vision
warning: the following post is canon


Joined: 05 Dec 2006

PostPosted: Thu Feb 26, 2009 2:28 am        Reply with quote

This is a pleasure to witness.
Filter / Back to top 
View user's profile Send private message
wasted potential



Joined: 19 Jul 2007

PostPosted: Thu Feb 26, 2009 3:24 am        Reply with quote

Ooooh, love the Dangerous Seed one.
_________________
Filter / Back to top 
View user's profile Send private message
This Machine Kills Fascis
inexhaustible kitschery


Joined: 06 Dec 2006
Location: Clinton Hill

PostPosted: Thu Feb 26, 2009 3:28 am        Reply with quote

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 
View user's profile Send private message Send e-mail
Adilegian



Joined: 05 Dec 2006

PostPosted: Thu Feb 26, 2009 4:52 am        Reply with quote

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 
View user's profile Send private message AIM Address
kael



Joined: 04 Dec 2006
Location: Mountain View, CA

PostPosted: Thu Feb 26, 2009 5:14 am        Reply with quote

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 
View user's profile Send private message Send e-mail Visit poster's website AIM Address MSN Messenger
Felix



Joined: 04 Dec 2006
Location: vancouver

PostPosted: Thu Feb 26, 2009 10:53 am        Reply with quote



Don't ask for the context of this, but accept my thanks.
Filter / Back to top 
View user's profile Send private message AIM Address
Adilegian



Joined: 05 Dec 2006

PostPosted: Thu Feb 26, 2009 6:58 pm        Reply with quote







Aaaand my favorite:


_________________

analogos wrote:
You can only learn less to know it.
Filter / Back to top 
View user's profile Send private message AIM Address
CubaLibre



Joined: 02 Mar 2007
Location: The District

PostPosted: Thu Feb 26, 2009 7:52 pm        Reply with quote

Glory
_________________
Filter / Back to top 
View user's profile Send private message AIM Address
Adilegian



Joined: 05 Dec 2006

PostPosted: Fri Feb 27, 2009 12:02 am        Reply with quote

CubaLibre wrote:
Glory

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 
View user's profile Send private message AIM Address
NFG



Joined: 18 Dec 2006
Location: Brisbane.au

PostPosted: Sun Mar 01, 2009 2:28 pm        Reply with quote

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 
View user's profile Send private message Visit poster's website AIM Address Yahoo Messenger MSN Messenger
Bo 0



Joined: 05 Dec 2006

PostPosted: Sun Mar 01, 2009 5:08 pm        Reply with quote



Filter / Back to top 
View user's profile Send private message
This Machine Kills Fascis
inexhaustible kitschery


Joined: 06 Dec 2006
Location: Clinton Hill

PostPosted: Sun Mar 01, 2009 9:36 pm        Reply with quote

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 
View user's profile Send private message Send e-mail
kerobaros



Joined: 05 Dec 2006
Location: St. Louis, MO

PostPosted: Mon Mar 02, 2009 12:38 am        Reply with quote

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 
View user's profile Send private message AIM Address
NFG



Joined: 18 Dec 2006
Location: Brisbane.au

PostPosted: Mon Mar 02, 2009 12:47 am        Reply with quote

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 
View user's profile Send private message Visit poster's website AIM Address Yahoo Messenger MSN Messenger
NFG



Joined: 18 Dec 2006
Location: Brisbane.au

PostPosted: Wed Mar 04, 2009 10:18 am        Reply with quote

3 new fonts added, as well as a link to some nifty True/OpenType game fonts.
_________________
Filter / Back to top 
View user's profile Send private message Visit poster's website AIM Address Yahoo Messenger MSN Messenger
Adilegian



Joined: 05 Dec 2006

PostPosted: Wed Mar 04, 2009 4:11 pm        Reply with quote

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 
View user's profile Send private message AIM Address
kirkjerk



Joined: 08 Dec 2007

PostPosted: Wed Mar 04, 2009 7:14 pm        Reply with 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...)
_________________
Filter / Back to top 
View user's profile Send private message AIM Address
NFG



Joined: 18 Dec 2006
Location: Brisbane.au

PostPosted: Wed Mar 04, 2009 9:50 pm        Reply with quote

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 
View user's profile Send private message Visit poster's website AIM Address Yahoo Messenger MSN Messenger
kael



Joined: 04 Dec 2006
Location: Mountain View, CA

PostPosted: Wed Mar 04, 2009 10:46 pm        Reply with quote

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 
View user's profile Send private message Send e-mail Visit poster's website AIM Address MSN Messenger
kirkjerk



Joined: 08 Dec 2007

PostPosted: Thu Mar 05, 2009 12:56 am        Reply with quote

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 
View user's profile Send private message AIM Address
Quick Reply
 Attach signature
 Notify on replies

Display posts from previous:   
Post new topic   Reply to topic    selectbutton Forum Index -> Force Feedback All times are GMT
Goto page 1, 2  Next
Page 1 of 2

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB © 2001, 2002 phpBB Group