8 November 2012

Free Game Art: D Pad and Buttons

This is free art – it is under a Creative Commons Attribution License.

Download the art here!

D-Pad and Buttons

The iPhone has lots of ways to control characters in-game: tapping, tilting, etc.

Sometimes, however, you just want an old-fashioned D-Pad and some A and B buttons.

free iphone game art d pad and buttons

Everything you need to convert an iPhone into a retro game!

Allen Tan, who will soon be releasing an awesome starter kit on the raywenderlich.com site, is just such a person. He also used the art in a two-part free tutorial: How To Make A Side-Scrolling Beat ‘Em Up Game Like Scott Pilgrim with Cocos2D. Check that out if you’re interested!

His punch-em-out game really needed a D-Pad and buttons, and he couldn’t find any good looking ones out there for free.

So I made him one.

And now you all get to benefit!

free iphone game art d pad and buttons

Mockup of the D-Pad in action

 

How It Works

The D-Pad is a set of 9 images: one for when no buttons are pressed, and 8 for when the various directions are pressed.

There are three buttons: A, B, and a blank, for you to put on whatever you like. Each button has a pressed and unpressed image.

They are all sized for the iPhone and iPhone retina, though they would work well on any other device with a similar resolution.

Feel free to tint the controls with a color to better match your game! Check out this post to learn three easy methods of recoloring artwork.

The images are provided at 100% opacity, but you can set them to be somewhat transparent so that your game shows through. Below you can see a mockup of the D-Pad at 70% opacity.

free game art d pad and buttons

A mockup of how the controls look at 70% opacity

 

Enjoy!

As always, I LOVE to hear about what games you make with the free art on this site – if you finish a game with it, send me an email via my Contact page or direct message me on twitter!

Category: Free Art, Game Art

Tags: , ,

5 Comments

  1. It’s a very fine benefit for iphone users.good!

  2. Svenardo says:

    Wonderful quality, really beautiful stuff. Thank you for providing this for free.

  3. Umesh says:

    hey vicki. I work as a develop and your Website surely has real cool graphics. I thank you (and your husband i really learned from his website) for your support. The quality of the stuff is really cool. I download the high resolution images and then scale them according to my need. I just have one question. how to create never ending background in a game where background repeats randomly….

    • vwenderlich says:

      Hi there – I actually have a couple of repeating backgrounds in some of the art packs on the site. Check out the following packs:
      - Repeatable Background: Night Meadow
      - Monkey Jump
      - Rocket Mouse

      I hope one of these works for you!

  4. Hi
    I using your buttons in my Android game Race 2D

    https://play.google.com/store/apps/details?id=com.race2d

    It good classic controle buttons
    Thanks

Leave a Comment

I'd love to hear your thoughts!