Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Tutorial 8 - A Skinnable Directional Pad (dPad) Class

edited July 2012 in General Posts: 563

A virtual dPad is handy if you have a game which moves something on the screen. It also looks a bit more polished than just having four buttons. I have whipped up a simple skinnable class ( with 5 downloadable sample skins for folks to play with. It extends @Vega's mesh button class.

This is version 1.0 so it is very basic. It only uses CENTER alignment at the moment and sprites for the skin. At some point I will have a go at a version which just uses meshes (unless some mesh guru does it first...)

Fell free to use, hack, improve, comment or otherwise dismember the code.


  • Posts: 2,364

    Hi @Reefwing,

    Nice tut, lots of learning there for me. Only comment - pad's seem a little big, I'm assuming you can scale them OK?

    I've made a couple of skins myself, which I'll publish later in an app.

    Armed with this there must be a wave of new apps in the near future to look forward to.

    Thanks again,



  • Posts: 563

    Hi @Bri_G - Thanks, I'm not sure about scaling I haven't tried it. It wouldn't be hard to make a smaller version.

  • Posts: 2,364

    Hi @Reefwing,

    Try to put the following in a draw() function:

        sprite("Planet Cute:Chest Closed", 300,300)     sprite("Planet Cute:Chest Closed", 100,100, 50, 80)  

    Works fine and very useful at times.



  • SimeonSimeon Admin Mod
    Posts: 5,705

    Very nice skins on those example D-pads. Awesome tutorial!

  • Posts: 563

    Thanks @Simeon - Codea is very addictive. I do feel using sprites is cheating a bit but that is the beauty of Codea, fast prototyping.

    Thanks everyone for the retweets as well - much appreciated.

Sign In or Register to comment.