About Custom Interface

ID:299982
 
Feb 12 2012, 12:00 am
Custom Interface by PopLava
Non-rectangular interface with rounded corners
3 fans · Created Feb 12 2012
A demo which shows how to use a large image to create a non-rectangular interface with transparency. In this example, I used PowerPoint to create the main interface background. I took a screenshot of it and pasted into mspaint where I added the transparent color (pink). Then I applied it as a background image and modified the windows transparent color to be pink as well. With the background image applied, I just overlayed a couple tweaked controls in the appropriate places. While this demo shows some neat rounded effects, you can get as crazy as you want with your interfaces.

2/20/2012 - v1.1
- Cleaned up source code a little bit.
#1 Mar 15 2012, 4:55 am
Do you think you'll at some point be able to produce a circular interface?
#2 Mar 15 2012, 6:32 am
In response to Avainer1 (#1)
It's just an image. Use whatever image you want, in the shape of whatever you want, and fill the clear part with pink.
#3 Apr 3 2012, 10:29 pm
This is a very nice demonstration, and a nice interface design, as well. You can also use this concept with map elements, allowing for a "jagged" interface that is also animated.
#4 Apr 3 2012, 10:34 pm
Should definitely be noted that doing this will force your game to run in software rendering mode instead of hardware rendering mode -- which can cause a ton of slow-down for certain clients.