New GUI coming in the next release

posted in A Keyboard and the Truth for project 96 Mill
Published February 01, 2014
Advertisement
Old GUI
revelss6.png

New GUI:
revelss7.png
6 likes 2 comments

Comments

EDI

Really glad to see folks like the change in GUI.

I thought I would mention the really neat technique I'm using here.

Many game programmers, and those who use Flash may know of a technique called 9-slice or 9-grid scaling.

For those who don't know, the idea is you take a single image, and cut it into 9 pieces; four square corners, 4 rectangular edges and 1 middle.

This allows you to have borders/dialog boxes in various sizes using a single piece of artwork.

Using standard blitter techniques this could be accomplished with 9 separate draws.

Thankfully CSS3 has a built-in feature for this, which only takes a few parameters; it's called the border-image style; and it can be applied to any div without imposing additional HTML structure.

you can check it out more in-depth via this generator: http://border-image.com

February 03, 2014 02:07 PM
tnovelli

Oh neat, I didn't notice that CSS3 had standardized 9-slice borders. It used to be a total freaking pain. I know corner-radius and drop-shadow effects were all the rage in CSS3 for a while, but there's something to say for texturing and square corners.

February 27, 2014 02:25 PM
You must log in to join the conversation.
Don't have a GameDev.net account? Sign up!
Profile
Author
Advertisement
Advertisement