open source ::: diplay text as gif fonts

hello everyone ^^
here's an open source i just wrote, and i think that some of you may find it useful.

as i'm often creating pixel games, of course i work with pixel fonts.
you surely noticed that there are several things that are not perfect:
> fonts are filled very often. that looks awful.
> you end up using "fonts for flash" everytime, because they work.
> fonts are not sophisticated (no gradiants, colors etc...)

so here's an idea; create your own pixel font, each letter is a gif (or png, jpg, whatever). by definition you can draw it as complicated as you want... import it in flash and replace the typo i used myself in it.

ok, here's the source. look at the actionscript, it's very short and commented. you can specify the space between the letters, as well as the alignement (left or right)

NOTE; this one does not allow very long sentences, since it's just a one line text. of course it can be worked a bit more... but you get the general idea.

Nice work marmotte, it's a small world 'cause I've recently written a bitmap text plotter.

I'm like you, hate the filled characters on the nice emulator style fonts and I like a good colourwash running through a character set ( For everyone not as old as me, that's gradient through a font ;) )

Squize.

PS. Different thread, but brown tongue means ass kisser. :)

Great idea, marmotte...

I will start pixeling some nice fonts now to match the games better than the "fonts for flash"... :) ...

Here's a screeny of a game using my text plotter routine with a lot of colourwash action going on for that mid-eighties arcade feel.

Squize.

PS. Sorry it's jpeg'd up.

Nice =)

I made something similar a while back, same idea, but with multiple lines, you gave it a maximum line length and it did a big block of text.

Lost it in a HDD crash, DayDream, I sent it to you.. Still got it?

Quote:

---

I made something similar a while back, same idea, but with multiple lines, you gave it a maximum line length and it did a big block of text.

---

that's great.
of course, that feature can be implemented with one or two lines of additional code in my example... also you may prefer the attach method instead the duplication, for several reasons (i used the duplication because newbies can see where the text will begin/end easily without writing a starting point in AS)

iopred, was your text "smart"? i mean, the words weren't cut in a half sometimes?
> that's something we can fix by looking for the previous and nearest space, and then react accordingly... mmmh, of course you know it ^^

I like it. Nice work marmotte but what else could i expect :)

great work marmotte.. Thanks for sharing it :)

Yeah, what I did was keep track of the start of each word, and a maximum character value for each line, if the current word went over the maximum line size, it removed the start of that word, and started it again on the next line.. It's quite easy, and its iterative , and done on the fly.

I know im being a bit dickish.. but you can speed it up by not going from the end forward:

name = "marmotte == open source god";
letter_space = 6;
for (var i=0; i<name.length; i++) {
duplicateMovieClip(this.f, "f"+i, i);
this["f"+i]._x = i*letter_space;
this["f"+i].gotoAndStop(name.substr(i,1));
}

nice idea marmotte, very simple but can make a big difference. one thing tho - what do you have against the letter p?

:(

thanks people...

Quote:

---

but you can speed it up by not going from the end forward:

---

aaaah, yes... that's a good point... but here you lost the reference _x (the MC called "f" was the starting point). anyway, of course you can adapt it in a multiple ways.

Quote:

---

name = "marmotte == open source god"

---

that's an honour... ^^

Quote:

---

what do you have against the letter p?

---

well, to be honest the actual font here is from the neogeo game "last blade 2". and i didn't found the letter "p" in it... i guess i'll have to write it myself since i'll use that font for the last blade apparence of my fighting game... btw, 4 letters are missing, but that's something i've commented in the open source.

For none monospace texts an array or list with the spacing between characters would also be needed.

sizea = 6
sizeb = 6
sizec = 6
sized = 6
sizee = 6
sizef = 6
sizeg = 6
sizeh = 6
sizei = 4
sizej = 5.......etc <- could be also done in an array

name = "marmotte == open source god";
for (var i=0; i<name.length; i++) {
duplicateMovieClip(this.f, "f"+i, i);
this["f"+i]._x = i+pos;
letPos = name.substr(i,1)
pos += "size"+letPos
this["f"+i].gotoAndStop(letPos);
}

^ Somethin like that anyway - Untested!

RipX

good suggestion, RipX.

also it can surely be automated with a _width property... instead of writing an array manually with the space for each letter.
> just record their _width in an array (load event of course, just perform a for loop and switch all the available letters)(and substract the value 2 to each result, if you imported gifs with that 1 pixel transparency)...
it should do the trick.

Good point marmotte, talk about overlook the obvious! :D

very cool, but I still think the old school way of masking a roll of numbers is fun :D

i.e.

0
1
2
3
4
5
6
7
8
9

so we copy the roll over, say, 5 times, and mask it, so it displays our score as so:(using ~ as space so it doens't get all messy)

~~~0~
~~~1~
~~~20
~~031
~~142
~~253
~~364
00475
11586
22697
337~8
448~9
559~~
66~~~
77~~~
88~~~
99~~~

but we only see

00475

well, this is how I learned it in C++ :P It's the lazy way I guess.

www.lukstr.no-ip.com/flash/bitmapfont.swf just save target if you don't want it full screen. If anyone wants the .fla just ask (please don't email me though)

I know this thread is kinda old, but i have a question.
ZGOteddy and I are working on a zelda game and I'm planning on putting this method to work in the game.
While testing it i came across a problem.
I cant get numbers to work. Its because it goes to the frame number instead of the frame label. Does anyone have any suggestions to get around this.
I think what im going to do is put a letter before each number, such as ~ and then have an if command check if its the ~, i dunno....

Thats exactly what I did..

make it go to instead of

gotoAndStop(varname)

gotoAndStop("l"+varname)

then instead of having the names of the frames as:

a b c d e f g h i 1 2 3

have them as

la lb lc ld le lf lg lh li l1 l2 l3

Actually pred i was thinking something like if it said:
You have to find 3 triforce pieces.
I would change it to:
You have to find ~3 triforce pieces.
And then have some if command checking the number after the ~
But your way is much better, i never would have though of that.
Thanks!