Jump to content
  • entries
    503
  • comments
    1888
  • views
    335333


2 Comments


Recommended Comments

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

Share this comment


Link to comment

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.

Share this comment


Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Advertisement
×

Important Information

By using GameDev.net, you agree to our community Guidelines, Terms of Use, and Privacy Policy.

We are the game development community.

Whether you are an indie, hobbyist, AAA developer, or just trying to learn, GameDev.net is the place for you to learn, share, and connect with the games industry. Learn more About Us or sign up!

Sign me up!