Yikes! GUI Editting Fun
by Alex Stanfill · in Torque Game Engine · 02/22/2007 (7:56 pm) · 7 replies
Heya! I'm up to classic GUI skinning with not so much success.
Some nice resources got me this far:
[ http://img81.imageshack.us/img81/8429/scrollbaryd1.png ]
...but the game crashed when I replaced darkscroll.png as that one.
Yes, it is interlaced.
I also tried moving them like this:
[ http://img221.imageshack.us/img221/6396/scrollbar2lh7.png ]
P.S.: I'm new and unaware if there is a rule against posting image links ::shrinks back in fear::
Any ideas?
Some nice resources got me this far:
[ http://img81.imageshack.us/img81/8429/scrollbaryd1.png ]
...but the game crashed when I replaced darkscroll.png as that one.
Yes, it is interlaced.
I also tried moving them like this:
[ http://img221.imageshack.us/img221/6396/scrollbar2lh7.png ]
P.S.: I'm new and unaware if there is a rule against posting image links ::shrinks back in fear::
Any ideas?
About the author
#2
There has to be a problem with the way I'm formatting it... Since the pieces of my skin are oddly sized, it leaves me wondering whether to align with the above piece or the piece to the left.
02/22/2007 (8:32 pm)
Fast reply! :P Yes, I read all of those in the resource I went through. I'm fairly certain all of them were followed correctly... And I simply chose interlaced for the sake of avoiding the "possible" errors.There has to be a problem with the way I'm formatting it... Since the pieces of my skin are oddly sized, it leaves me wondering whether to align with the above piece or the piece to the left.
#3
02/22/2007 (9:09 pm)
Try modifying darkScroll by replacing the sections that is not red, keeping the original sizes and not making some of the parts smaller as you did with background sections of your scroll image. Export that and see if you still got problems, if not, start modifying it again to start looking more and more like you want but do a lot of testing steps in between to see where the problem comes in.
#4
9 times out of 10 ... Its the color of the separators not being consistent that is the issue. The first pixel in the upper left determines that color (and or transparency works also, but is harder for humans to work with ;p )the engine will look for as its identifier that one item has ended, and another begins.
The only other part is the layout of the space you put things it, left to right they MUST be in the position of the original. Basically it looks and says "Ok, first one is the over button"....moves till it hits the red.."Now the down".... ETC...
If that is out of order, crash.
If you would like to link the image here, i will take a look at it.
I need to write that TDN article..lol.
02/23/2007 (8:49 am)
The size of the areas you want to use for your parts is up to you, you can have any size "Square" you want in there (Keeping in mind all parts of that item need to have the same x y "box"), However, the order and spacing (1 pixel) is the important part.9 times out of 10 ... Its the color of the separators not being consistent that is the issue. The first pixel in the upper left determines that color (and or transparency works also, but is harder for humans to work with ;p )the engine will look for as its identifier that one item has ended, and another begins.
The only other part is the layout of the space you put things it, left to right they MUST be in the position of the original. Basically it looks and says "Ok, first one is the over button"....moves till it hits the red.."Now the down".... ETC...
If that is out of order, crash.
If you would like to link the image here, i will take a look at it.
I need to write that TDN article..lol.
#5
However, it was a malformed .PNG format that caused my skins to crash Torque. I switched over to an alternate exporter in Photoshop -- the old v.4 exporter from 1998, that still supported alpha channels instead of "transparency" -- and that cleared things right up.
02/23/2007 (10:58 am)
Order and spacing are the top problems, definitely.However, it was a malformed .PNG format that caused my skins to crash Torque. I switched over to an alternate exporter in Photoshop -- the old v.4 exporter from 1998, that still supported alpha channels instead of "transparency" -- and that cleared things right up.
#6
I also hear that "Supper png" will also do the same.
02/23/2007 (11:47 am)
Cool, honestly, i have heard people say you need that before, however i have never run into that issue, it may be because i use clipping masks for each element...and intern that makes a alpha channel.I also hear that "Supper png" will also do the same.
#7
I did post a link to the image (not clickable, but copy-pastable) O_o I put it in brackets... I don't suppose you guys support BB Code and it just ate it >.<
Here they are:
First one I tried
http://img81.imageshack.us/img81/8429/scrollbaryd1.png
Second one I tried
http://img221.imageshack.us/img221/6396/scrollbar2lh7.png
Thanks Leslie, I will definitely give that a try when I finish making a lengthy explanation of
the client files to a lazy programmer (this may take a while...)
02/23/2007 (6:27 pm)
Yikes! I'm using Paint Shop so I hope the exporter isn't the problem (but I might end up trying that).I did post a link to the image (not clickable, but copy-pastable) O_o I put it in brackets... I don't suppose you guys support BB Code and it just ate it >.<
Here they are:
First one I tried
http://img81.imageshack.us/img81/8429/scrollbaryd1.png
Second one I tried
http://img221.imageshack.us/img221/6396/scrollbar2lh7.png
Thanks Leslie, I will definitely give that a try when I finish making a lengthy explanation of
the client files to a lazy programmer (this may take a while...)
Torque Owner AllynMcelrath
Make sure that all of the separators are the same, exact color as the first 0 0 pixel in your image.
Also try to avoid using that color in your skin.
Make sure all dividers are 1 pixel in size.
It doesn't need to be interlaced.