SWADE Playlist
  1. #1

    Reskinning the chatbox

    HopeI can get some help from the devs on this one. I'm reskinning FG:



    I want the chatbox to look like this:



    But it ends up like this in FG:



    What's going on in the bottom of the chatbox? I can see it's repeating the top part of the image, but why? Is there a way to not repeat the top part of the imag?

  2. #2
    Ged's Avatar
    Join Date
    Aug 2004
    Location
    Finland
    Posts
    673
    The following code in the data\graphics.xml defines the graphical content of the chatbox.

    Code:
    <framedef name="chatbox">
      <bitmap file="data\frames\chatbox.png" /> 
      <topleft rect="0,0,12,12" /> 
      <top rect="12,0,501,12" /> 
      <topright rect="513,0,16,12" /> 
      <left rect="0,12,12,460" /> 
      <middle rect="12,12,501,460" /> 
      <right rect="513,12,16,460" /> 
      <bottomleft rect="0,480,12,50" /> 
      <bottom rect="12,480,501,50" /> 
      <bottomright rect="513,480,16,50" /> 
      </framedef>
    Here nine areas are extracted from chatbox.png. Especially it is noteworthy that the left, middle, and right areas are 460 pixels high; and together the graphics extracted are 512 pixels high

    data\gameelements.xml, on the other hand, defines the functional blocks of the chatbox:

    Code:
    <chatwindow>
      <frame name="chatbox" hilight="chatboxhilight" /> 
      <position rect="15,90,390,560" /> 
      <chatarea rect="33,105,358,485" /> 
      <entryarea rect="31,616,310,20" /> 
      <waiticon position="328,103" name="indicator_chatwait" /> 
      <state position="345,610" speak="chat_speak" emote="chat_emote" action="chat_action" ooc="chat_ooc" /> 
      </chatwindow>
    The chatarea alone is 485 pixels high and it does not include the graphical margins.

    What you need to do is either make larger graphics and change the definitions in graphics.xml (for instance, make a copy of the d20 ruleset folder, copy graphics.xml and/or gameelements.xml there, and change the references in base.xml to point to the correct folder containing the said xml-files), or make graphics that are tiled properly. Because you wish to use gradient effects the former case is better, naturally.

    Some remarks why the chatbox is created this way: in essence most windows are resizeable and in order to stretch them correctly, without distorting the corners or stretching ornaments, they must be assembled from pieces. Whilst the resizability of the chatbox is turned off for other technical reasons, decomposition of one image makes it easy to resize the chatbox if, eg, the GM knows that all players have much better screen resolutions than the minimum requirement.

  3. #3
    Awesome. I had found the chatbox.xml, but not the chatboxhighlight bit. That's very helpful. Your customer service is fantastic btw.

  4. #4
    Ged's Avatar
    Join Date
    Aug 2004
    Location
    Finland
    Posts
    673
    Thanks!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
FG Spreadshirt Swag

Log in

Log in