Thread: Customising the look of FuseGL

Originally Posted by Grrrmachine

So, any help on changing the font?

You can use "Verdana" built in, other than that you have to create a bitmap font to use as a texture. I made a program that does just this a while ago, I will look for the link. It is built into MDX Configurator as well if you have that. There are other programs that can give you the info too.

You will create an image that looks like the image attached and an XML file that describes where all the characters go and what they mean. Video cards can't render font's yet, so you have to make images. Every character of text drawn is actually a small scaled and cropped image drawn in the correct spot. I have only made the font and file for 2 fonts though. You could make a font whatever you wanted if you mapped it properly.

Image (Note you may have to import into a real image viewer, It is a transparent background with white font which with the forum's white background might just display blank and white):


Image link: http://image-host.us/images/verdana___0pR5JSidkh.png

XML:

Code:

<?xml version="1.0" encoding="utf-8" ?>
<font>
  <setting type="string" name="verdana" />
  <image name="fontImage" location="internal" path="FuseGL.GUI.Text.FontResourceFile.Verdana" />
  <char location_topleft="1,0" location_bottomright="13,25" value="97" offsets="0,0,0,0"></char>
  <char location_topleft="17,0" location_bottomright="30,25" value="98" offsets="0,0,0,0"></char>
  <char location_topleft="32,0" location_bottomright="44,25" value="99" offsets="0,0,0,0"></char>
  <char location_topleft="45,0" location_bottomright="58,25" value="100" offsets="0,0,0,0"></char>
  <char location_topleft="61,0" location_bottomright="74,25" value="101" offsets="0,0,0,0"></char>
  <char location_topleft="76,0" location_bottomright="85,25" value="102" offsets="0,0,0,0"></char>
  <char location_topleft="86,0" location_bottomright="98,25" value="103" offsets="0,0,0,0"></char>
  <char location_topleft="102,0" location_bottomright="114,25" value="104" offsets="0,0,0,0"></char>
  <char location_topleft="118,0" location_bottomright="121,25" value="105" offsets="0,0,0,0"></char>
  <char location_topleft="122,0" location_bottomright="130,25" value="106" offsets="0,0,0,0"></char>
  <char location_topleft="133,0" location_bottomright="146,25" value="107" offsets="0,0,0,0"></char>
  <char location_topleft="149,0" location_bottomright="152,25" value="108" offsets="0,0,0,0"></char>
  <char location_topleft="155,0" location_bottomright="176,25" value="109" offsets="0,0,0,0"></char>
  <char location_topleft="180,0" location_bottomright="192,25" value="110" offsets="0,0,0,0"></char>
  <char location_topleft="195,0" location_bottomright="208,25" value="111" offsets="0,0,0,0"></char>
  <char location_topleft="211,0" location_bottomright="224,25" value="112" offsets="0,0,0,0"></char>
  <char location_topleft="226,0" location_bottomright="239,25" value="113" offsets="0,0,0,0"></char>
  <char location_topleft="243,0" location_bottomright="252,25" value="114" offsets="0,0,0,0"></char>
  <char location_topleft="253,0" location_bottomright="265,25" value="115" offsets="0,0,0,0"></char>
  <char location_topleft="266,0" location_bottomright="276,25" value="116" offsets="0,0,0,0"></char>
  <char location_topleft="278,0" location_bottomright="290,25" value="117" offsets="0,0,0,0"></char>
  <char location_topleft="293,0" location_bottomright="307,25" value="118" offsets="0,0,0,0"></char>
  <char location_topleft="308,0" location_bottomright="328,25" value="119" offsets="0,0,0,0"></char>
  <char location_topleft="329,0" location_bottomright="343,25" value="120" offsets="0,0,0,0"></char>
  <char location_topleft="345,0" location_bottomright="359,25" value="121" offsets="0,0,0,0"></char>
  <char location_topleft="361,0" location_bottomright="373,25" value="122" offsets="0,0,0,0"></char>
  <char location_topleft="0,25" location_bottomright="17,50" value="65" offsets="0,0,0,0"></char>
  <char location_topleft="20,25" location_bottomright="34,50" value="66" offsets="0,0,0,0"></char>
  <char location_topleft="36,25" location_bottomright="52,50" value="67" offsets="0,0,0,0"></char>
  <char location_topleft="55,25" location_bottomright="71,50" value="68" offsets="0,0,0,0"></char>
  <char location_topleft="75,25" location_bottomright="87,50" value="69" offsets="0,0,0,0"></char>
  <char location_topleft="91,25" location_bottomright="103,50" value="70" offsets="0,0,0,0"></char>
  <char location_topleft="104,25" location_bottomright="121,50" value="71" offsets="0,0,0,0"></char>
  <char location_topleft="125,25" location_bottomright="140,50" value="72" offsets="0,0,0,0"></char>
  <char location_topleft="143,25" location_bottomright="151,50" value="73" offsets="0,0,0,0"></char>
  <char location_topleft="153,25" location_bottomright="162,50" value="74" offsets="0,0,0,0"></char>
  <char location_topleft="166,25" location_bottomright="182,50" value="75" offsets="0,0,0,0"></char>
  <char location_topleft="184,25" location_bottomright="196,50" value="76" offsets="0,0,0,0"></char>
  <char location_topleft="199,25" location_bottomright="215,50" value="77" offsets="0,0,0,0"></char>
  <char location_topleft="220,25" location_bottomright="234,50" value="78" offsets="0,0,0,0"></char>
  <char location_topleft="238,25" location_bottomright="255,50" value="79" offsets="0,0,0,0"></char>
  <char location_topleft="259,25" location_bottomright="271,50" value="80" offsets="0,0,0,0"></char>
  <char location_topleft="273,25" location_bottomright="291,50" value="81" offsets="0,0,0,0"></char>
  <char location_topleft="294,25" location_bottomright="310,50" value="82" offsets="0,0,0,0"></char>
  <char location_topleft="311,25" location_bottomright="326,50" value="83" offsets="0,0,0,0"></char>
  <char location_topleft="328,25" location_bottomright="344,50" value="84" offsets="0,0,0,0"></char>
  <char location_topleft="346,25" location_bottomright="360,50" value="85" offsets="0,0,0,0"></char>
  <char location_topleft="0,50" location_bottomright="17,75" value="86" offsets="0,0,0,0"></char>
  <char location_topleft="19,50" location_bottomright="42,75" value="87" offsets="0,0,0,0"></char>
  <char location_topleft="44,50" location_bottomright="60,75" value="88" offsets="0,0,0,0"></char>
  <char location_topleft="62,50" location_bottomright="78,75" value="89" offsets="0,0,0,0"></char>
  <char location_topleft="79,50" location_bottomright="94,75" value="90" offsets="0,0,0,0"></char>
  <char location_topleft="96,50" location_bottomright="110,75" value="48" offsets="0,0,0,0"></char>
  <char location_topleft="113,50" location_bottomright="124,75" value="49" offsets="0,0,0,0"></char>
  <char location_topleft="127,50" location_bottomright="140,75" value="50" offsets="0,0,0,0"></char>
  <char location_topleft="143,50" location_bottomright="155,75" value="51" offsets="0,0,0,0"></char>
  <char location_topleft="158,50" location_bottomright="172,75" value="52" offsets="0,0,0,0"></char>
  <char location_topleft="175,50" location_bottomright="187,75" value="53" offsets="0,0,0,0"></char>
  <char location_topleft="190,50" location_bottomright="204,75" value="54" offsets="0,0,0,0"></char>
  <char location_topleft="205,50" location_bottomright="219,75" value="55" offsets="0,0,0,0"></char>
  <char location_topleft="221,50" location_bottomright="234,75" value="56" offsets="0,0,0,0"></char>
  <char location_topleft="237,50" location_bottomright="250,75" value="57" offsets="0,0,0,0"></char>
  <char location_topleft="253,50" location_bottomright="269,75" value="43" offsets="0,0,0,0"></char>
  <char location_topleft="273,50" location_bottomright="281,75" value="45" offsets="0,0,0,0"></char>
  <char location_topleft="283,50" location_bottomright="298,75" value="62" offsets="0,0,0,0"></char>
  <char location_topleft="302,50" location_bottomright="317,75" value="60" offsets="0,0,0,0"></char>
  <char location_topleft="322,50" location_bottomright="325,75" value="46" offsets="0,0,0,0"></char>
  <char location_topleft="331,50" location_bottomright="334,75" value="58" offsets="0,0,0,0"></char>
  <char location_topleft="339,50" location_bottomright="344,75" value="39" offsets="0,0,0,0"></char>
  <char location_topleft="345,50" location_bottomright="356,75" value="34" offsets="0,0,0,0"></char>
  <char location_topleft="357,50" location_bottomright="372,75" value="61" offsets="0,0,0,0"></char>
</font>

You may find this interesting and useful: http://www.mp3car.com/fusion-brain/1...ml#post1489665

It is how to use Visual Studio to write custom code. A writeup will be coming eventually.

Actually this is the more complete one here: http://www.mp3car.com/fb-documentati...mentation.html

Please let me know if this helps.

I've just come back to this project after putting it on the back burner over winter. The amount of effort you've put into that write-up is incredible, and it's really given me a boost to get the FB back out and working again.

For a complete noob you've given me an overwhelming level of support, so I'll work through your write-up and get back to you on any inconsistencies or confusing points that show up. I won't ask you to teach me C#, but I'll show my working out for any other noobs to follow.

Thanks a lot for this!

Originally Posted by Grrrmachine

I've just come back to this project after putting it on the back burner over winter. The amount of effort you've put into that write-up is incredible, and it's really given me a boost to get the FB back out and working again.

For a complete noob you've given me an overwhelming level of support, so I'll work through your write-up and get back to you on any inconsistencies or confusing points that show up. I won't ask you to teach me C#, but I'll show my working out for any other noobs to follow.

Thanks a lot for this!

Glad it helps some! Feel free to ask C# questions, but google can usually answer them faster than I can. And everyone has different opinions on coding so it is good to read about lots of different methods to solve the same problem and pick the one you like the most or just trailblaze and write your own!

Thanks for the help so far. For the font, how do I instruct FuseGL to reference a font file rather than internally? The old MDX used this line:

<font fontImage="Arial.png">

while FuseGL uses this:

<font>
<setting type="string" name="verdana" />
<image name="fontImage" location="internal" path="FuseGL.GUI.Text.FontResourceFile.Verdana" />

So I'm not sure what the font file should contain, and where to insert the code within the UserGUI config so that it works on all objects.

Could really use a walkthrough for changing the font. I've been bouncing around google for a week now and I've hit a brick wall.

Sorry I have been on couple week vacation (first in a couple years), and just got back yesterday. I will have to play with it to give you exacts, but if you change "internal" to "external" and the path to a file directory like you would a custom script, it should work. I will add it to my list to try, but I have 700+ emails I still have to go through!

No rush nick It's given me time to sort out the electronic side of my setup rather than the software. If you find the time I'll shoot you an email with the .png/.xml for you to play with, and then I'll do a write-up on here.