Register To Post



 Bottom   Previous Topic   Next Topic

#11
Re: Virtual Boy Font
Posted on: 2010/3/15 15:54
Administrator
Joined 2000/1/8
Germany
2109 Posts
Highscore Top10Highscore Top ScoreCoder#1 PosterHOTY09 1stLong Time User (13 Years) 80+ Game Ratings
Thanks RunnerPack! It's simply a PHP function, which goes through an input string, and outputs it with a <span> tag around every letter. Each span tag has a certain height and width and the needed part of font.png set as background. The <span> tag also hides the letter it contains through "color: transparent". There might be a better way, which also works in Opera 9. I didn't test it in any other browser yet.

With script I meant an input form, with which users could submit any text and get it displayed in this VB font.

I will work some more on the font and fix the ampersand as well as the seven.

Looking forward to the TTF, that will be great! :)
Top

#12
Re: Virtual Boy Font
Posted on: 2010/3/15 18:33
VUE(xpert)
Joined 2008/12/28
Slovenia
445 Posts
Highscore Top ScoreCoderContributorTop10 Poster10+ Game RatingsLong Time User (4 Years) App CoderPVBCC 2010 Entry
Quote:
There might be a better way, which also works in Opera 9.


Well, it does work now. I've noticed you've changed the ampersand. It looks much better now.
Top

#13
Re: Virtual Boy Font
Posted on: 2010/3/15 19:03
Administrator
Joined 2000/1/8
Germany
2109 Posts
Highscore Top10Highscore Top ScoreCoder#1 PosterHOTY09 1stLong Time User (13 Years) 80+ Game Ratings
Quote:

HorvatM schrieb:

Well, it does work now. I've noticed you've changed the ampersand. It looks much better now.


Nice! I changed the way it hides the text from "color: transparent" to "text-indent: -9999px".


Here's a quickly thrown together script to generate your own text. Will be made pretty later. ;)
http://www.planetvb.com/modules/usercenter/fontmaker.php
Edited by KR155E on 2010/3/15 19:21
Top

#14
Re: Virtual Boy Font
Posted on: 2010/3/16 7:53
PVB Elite
Joined 2003/7/26
USA
967 Posts
PVBCC EntryCoderContributorSpecial AchievementTop10 PosterHOTY09 EntryLong Time User (9 Years) App Coder20+ Game Ratings
Wow! Both the new ampersand and that generator form are great!

Don't hold your breath waiting for the TTF... I haven't even tried the DXF importing trick, and even if it works it will still be a lot of work.

If the Win32 version of this program worked I could make the converter I mentioned... Of course, there would still be some tweaking involved (hinting and such).
Top

#15
Re: Virtual Boy Font
Posted on: 2010/3/19 18:52
Virtual Freak
Joined 2006/11/16
89 Posts
Long Time User (6 Years)
The generator form is seriously lacking. You should include an option that does no conversion if it doesn't know the input character. Also, input gets converted to html entities before conversion, which results in (Russian) А becoming #&1040;, same stuff for Japanese (which might be of more interest to this site) and possibly anything else not covered by the "Font".

cYa,

Tauwasser
Top

#16
Re: Virtual Boy Font
Posted on: 2010/3/21 11:44
Virtual Freak
Joined 2006/11/16
89 Posts
Long Time User (6 Years)
Quote:

HorvatM wrote:
Now it looks weird in Opera 9.21.
It shows both the VB font and the normal font occupying the same space, and it's a mess. (I'm talking about the text below the path folders)


Actually the same thing is happening for me now on the Games pages.

I use the newest FF, Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.2) Gecko/20100115 Firefox/3.6.

cYa,

Tauwasser
Top

#17
Re: Virtual Boy Font
Posted on: 2010/3/23 12:30
PVB Elite
Joined 2003/7/26
USA
967 Posts
PVBCC EntryCoderContributorSpecial AchievementTop10 PosterHOTY09 EntryLong Time User (9 Years) App Coder20+ Game Ratings
Here's a beta TTF of the logo font. I wouldn't use this in production, but it might get someone started...

It's not kerned, it's not hinted... the bearings aren't even set right! But, it proves I've actually been doing something

I've also attached a tweaked version of Krisse's bitmap one. I didn't readjust the spacing (for backward compatibility) but the space around the "A's" really should be collapsed or it'll look funny.

Attach file:


zip Virtual Boy.zip Size: 3.58 KB; Hits: 42

png  Chrisse\'s Version (lo-res.png (1.30 KB)
11_4ba8a6425cb98.png 692X22 px
Top

#18
Re: Virtual Boy Font
Posted on: 2010/3/23 12:59
Administrator
Joined 2000/1/8
Germany
2109 Posts
Highscore Top10Highscore Top ScoreCoder#1 PosterHOTY09 1stLong Time User (13 Years) 80+ Game Ratings
Woot! Will try it our asap.

Your changes to my font are very well done, I will add them soon. :)
Top

#19
Re: Virtual Boy Font
Posted on: 2010/3/23 13:05
PVB Elite
Joined 2003/7/26
USA
967 Posts
PVBCC EntryCoderContributorSpecial AchievementTop10 PosterHOTY09 EntryLong Time User (9 Years) App Coder20+ Game Ratings
Quote:

KR155E wrote:
Your changes to my font are very well done, I will add them soon. :)


Thanks! I also wanted to make the digits all the same width (as they are/will be in the TTF) because I hate it when you can't stack a column of numbers. And forget about making a clock or timer with changing width! Yuck!

...but I wanted it to be a "more-or-less" drop-in replacement. It's your call, though.
Top

#20
Re: Virtual Boy Font
Posted on: 2010/3/23 13:37
PVB Elite
Joined 2003/7/26
USA
967 Posts
PVBCC EntryCoderContributorSpecial AchievementTop10 PosterHOTY09 EntryLong Time User (9 Years) App Coder20+ Game Ratings
EDIT: Of course, with such a simple bitmap font format, you can't (easily) adjust the kerning. In the TTF, the one will have less space around it when it's next to letters and (certain) punctuation... Assuming I ever finish it

Also, I just noticed that I changed the internal name of the font, but not the filename. I hope that doesn't confuse anyone
Top

 Top   Previous Topic   Next Topic


Register To Post

You are not logged in.
Lost Password?
Register Resend Activation