Hacking Configurator for Configurable USB Loader

[bnm81002]

can I use personal pics for a theme?

 

[Dr. Clipper]

can I use personal pics for a theme?

With the new overlay wizard, you can use any image you like as the background and it will automatically get sized to a valid size for the loader (it especially works well with desktop background type images). You can then work out which overlay elements you want and save off an overlay which will darken things like the console so that it will look really good if you also set console_transparent=1.

***
Meaningless edit to test something out:

 

[bnm81002]

can I use personal pics for a theme?

With the new overlay wizard, you can use any image you like as the background and it will automatically get sized to a valid size for the loader (it especially works well with desktop background type images). You can then work out which overlay elements you want and save off an overlay which will darken things like the console so that it will look really good if you also set console_transparent=1.

the problem is that it won't let me load any pics at all? when I try to load a pic, the Configurator doesn't display any of pics from my PC, can you help me out please? thanks

 

[Dr. Clipper]

the problem is that it won't let me load any pics at all? when I try to load a pic, the Configurator doesn't display any of pics from my PC, can you help me out please? thanks

Are your images in .png format? The images currently have to be in .png format, but I suppose I can remove that restriction in the overlay wizard. I'll go do that now. Should be easy.

 

[Dr. Clipper]

v41v4 of Configurator is out

download here

Changes:

• Allowed loading of images other than .png in the overlay wizard. These will automatically be converted to a correctly sized .png file that can be used as your background_base option.
• Added corner rounding as an option to the boxes

To use image formats other than .png, just choose the All Files filter from the open file dialog box.

As always, if there are any bugs, please let me know.

 

[bnm81002]

yes that was the problem my pics are in JPEG formats, so now I'm off to try to get my themes working lol, thanks for the update

PS-how do I get the buttons displayed in my themes?

 

[Dr. Clipper]

yes that was the problem my pics are in JPEG formats, so now I'm off to try to get my themes working lol, thanks for the update

PS-how do I get the buttons displayed in my themes?

Right-click...Save Image:

And then just use the Load Buttons Image button in the overlay wizard.

Edit:I just fixed a bug that was making it not correctly test for .png images. Same upload link, so clear your cache before attempting redownload.

 

[bnm81002]

Right-click...Save Image:

And then just use the Load Buttons Image button in the overlay wizard.

Edit:I just fixed a bug that was making it not correctly test for .png images. Same upload link, so clear your cache before attempting redownload.

ok thanks, I did encounter a big problem, the console display blocks out most of my pic, is there a way to make it smaller without losing the entire text? when I made it smaller I can't see the top of the text, I only see it when I go down the text?

 

[Dr. Clipper]

ok thanks, I did encounter a big problem, the console display blocks out most of my pic, is there a way to make it smaller without losing the entire text? when I made it smaller I can't see the top of the text, I only see it when I go down the text?

I don't really understand the problem. What text? You can resize the box for the console in the Overlay Wizard by clicking and dragging its edges around. Once you are done, you need to go into the Console Wizard and then choose where you want the actual console boundaries to appear (again by dragging or selecting the points manually), which determines the boundary limits of where the text will go. You can save your console positioning in the Console Wizard and then save your theme file in the main app and you will have everything you need. BTW, I strongly suggest using console_transparent=1.

 

[bnm81002]

ok thanks, I did encounter a big problem, the console display blocks out most of my pic, is there a way to make it smaller without losing the entire text? when I made it smaller I can't see the top of the text, I only see it when I go down the text?

I don't really understand the problem. What text? You can resize the box for the console in the Overlay Wizard by clicking and dragging its edges around. Once you are done, you need to go into the Console Wizard and then choose where you want the actual console boundaries to appear (again by dragging or selecting the points manually), which determines the boundary limits of where the text will go. You can save your console positioning in the Console Wizard and then save your theme file in the main app and you will have everything you need. BTW, I strongly suggest using console_transparent=1.

oops sorry, I should have realized that the console coords will make the console display become smaller, I just have to play around with the settings, sorry for the reply before, thanks for your hard work on this GREAT Configurator

 

[milcoi]

Hi,

I see that this loader uses my button layer, therefor I made 2 versions:

buttons layer with white text
Buttons layer with black text

enjoy!

Milcoi

 

[Dr. Clipper]

Hi,

I see that this loader uses my button layer, therefor I made 2 versions:

buttons layer with white text
Buttons layer with black text

enjoy!

Milcoi

Can you please also remove the drop shadows? The buttons don't really need them when using the box behind them.

 

[milcoi]

No prob.

I also made a smaller version.

buttons-layer-black-no-shadow
buttons-layer-black-no-shadow-small
buttons-layer-white-no-shadow
buttons-layer-white-no-shadow-small

have fun...

 

[Dr. Clipper]

No prob.

I also made a smaller version.

buttons-layer-black-no-shadow
buttons-layer-black-no-shadow-small
buttons-layer-white-no-shadow
buttons-layer-white-no-shadow-small

have fun...

Thanks. I'll include the normal sized ones with and without shadows in my future distributions (you don't mind, right?). The small ones aren't that useful as you could just resize the image in the overlay wizard for the same effect.

 

[milcoi]

no prob when you use them

The smaller are usefull for those who don't like to resize and make a fast overlay (like me..)

regards

 

[milcoi]

Will there be a option to keep the (Constrain proportions) of a image when you resize it.

Like holding the Shift key in most drawing programs. Would be very helpfull! A round button will be difficult to make perfect round after you resize it now.

something like:

public bool ResizeImage(string fileName, string imgFileName,ÂÂÂÂ
ImageFormat format, int percent)
{ÂÂÂÂ
tryÂÂÂÂ
{ÂÂÂÂÂÂÂÂ
using (Image img = Image.FromFile(fileName))ÂÂÂÂÂÂÂÂ
{ÂÂÂÂÂÂÂÂÂÂÂÂ
int width = img.Width * (percent * .01);ÂÂÂÂÂÂÂÂÂÂÂÂ
int height = img.Height * (percent * .01);ÂÂÂÂÂÂÂÂÂÂÂÂ
Image thumbNail = new Bitmap(width, height, img.PixelFormat);ÂÂÂÂÂÂÂÂÂÂÂÂ
Graphics g = Graphics.FromImage(thumbNail);ÂÂÂÂÂÂÂÂÂÂÂÂ
g.CompositingQuality = CompositingQuality.HighQuality;ÂÂÂÂÂÂÂÂÂÂÂÂ
g.SmoothingMode = SmoothingMode.HighQuality;ÂÂÂÂÂÂÂÂÂÂÂÂ
g.InterpolationMode = InterpolationMode.HighQualityBicubic;ÂÂÂÂÂÂÂÂÂÂÂÂ
Rectangle rect = new Rectangle(0, 0, width, height);ÂÂÂÂÂÂÂÂÂÂÂÂ
g.DrawImage(img, rect);ÂÂÂÂÂÂÂÂÂÂÂÂ
thumbNail.Save(imgFileName, format);ÂÂÂÂÂÂÂÂ
}ÂÂÂÂÂÂÂÂ
return true;ÂÂÂÂ
}ÂÂÂÂ
catch (Exception)ÂÂÂÂ
{ÂÂÂÂÂÂÂÂ
return false;ÂÂÂÂ
}}}

 

[Dr. Clipper]

Will there be a option to keep the (Constrain proportions) of a image when you resize it.

Like holding the Shift key in most drawing programs. Would be very helpfull! A round button will be difficult to make perfect round after you resize it now.

Yeah, I was just thinking about adding that when I was writing the previous post, actually. I'll also put a link to your smaller images post in the first post of the thread for easy access of theme creators.

 

[milcoi]

My original buttons (.png) each button as .png:

Original Wii buttons (.png) + smaller version 30px + Wii font

 

[Dr. Clipper]

I've uploaded a new version over the old one. The only change is the Shift modifier mentioned earlier for corner dragging in the overlay wizard (and only the overlay wizard). It doesn't seem like a big enough change to up the version number. This was a lot harder than I thought it would be and it'll be a while before I attempt adding it to my console wizard as well (which arguably doesn't need it).

milcoi, I added your images, but I also did some tighter .png compression on them first. It dropped the size seven-fold and I can't see any differences between them. Without that, the buttons images together were almost as big as the Configurator!

 

[milcoi]

Nicely done the SHIFT functions is working perfect!