22 December 2011

Free iPhone/iPad Game Art: Rocket Mouse

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

Type: iPhone retina

Download the art here, or read on for an explanation.

Rocket Mouse

This is a huge game pack created for a tutorial on the Ray Wenderlich blog.

rocketmouse_free_iphone_game_art_sprite

Make a game with a flying mouse!

The tutorial shows how to create a game similar to the awesomely fun Jetpack Joyride, where the main character has a jet pack and can fly around to collect coins and avoid obstacles while a repeating, variable background flies by.

This art is especially suited for games where you need a repeatable background, a main character who can fly, objects to jump over and avoid, or coins to collect!

Of course, you can pick and choose which pieces of art you want and put them into another game.

rocketmouse_free_game_art_mockup

Rocket Mouse dodges cats, runs over dust bunnies, and collects coins!

Suggested Game Play

The main character, a mouse with a rocket or jet pack on his back, runs along the level, which is a house with unfortunate brightly flowered wallpaper.  When the player taps, he begins to fly, and the more you tap, the higher he flies.

The user navigates him up and down this way, tapping to make him go higher or letting him fall to go lower.

He must avoid obstacles such as sleeping cats on the ground or lasers in the air, and collect coins.  If he hits an obstacle, he dies.

You could also use the mouse character in a Mario-esque scroller game, or use the background and objects to create a level for a different gameplay.  You can flip any of the character sprites horizontally if you want them to face another direction.

mockup_rocketmouse_free_iphone_game_art

Run, fly, dodge - this mouse does it all!

Game Pack Contents

The sprites are sized for the iPhone retina screens, so for regular iPhones just scale these sprites down 50%.

Characters

  • Rocket Mouse: 135×130 pixels. 8 sprites.  The main character, who can run, fly, and die.
    • Run: 4 sprites
    • Fly: 2 sprites – one for rising, one for falling
    • Die: 2 sprites
  • Rocket Flame: 47×64 pixels.  2 sprites.  Place this behind and below the rocket so that when he flies higher, this animation makes the rocket’s engine look like it’s burning.
  • Dust Bunny: an NPC.  He can run and die.  4 sprites.
    • Run: 2 sprites
    • Die: 2 sprites
sprites_characters_free_iphone_game_art

Rocket Mouse, his dust bunny frenemy, and his jet pack animation

Background

The background is set up to be repeatable, so that you can have a level however long you want.  You layer the objects on top of the background to introduce variation so that it does not feel repetitive.  A special background is included (bg_window) with the window frame on it and transparent window panes so that a parallax background can run behind it and introduce depth to the scene.  If you need help with parallax backgrounds, go through this tutorial.

If you don’t want to bother with all that, don’t worry: there are plain window objects (with a few different outdoor scenes) that you can layer on top of the regular background.

  • Regular background: 340×640 pixels, repeatable.  Meant to repeat across a landscape-mode Retina screen.
  • Background with window cutout: also 340×640 pixels and repeatable.  Blends seamlessly with the regular background; you can alternate between the two.
  • Window background: 688×298 pixels, repeatable.  To be used behind the backgrounds; place it so that it shows up behind the window frame cutout.
  • Window foreground: 688×298 pixels, repeatable.  Place this behind the window cutout but in front of the window background.  You can make this scroll at a different pace than the window background for even more depth of field.
sprites_backgrounds_free_iphone_game_art

Backgrounds and parallax background options - all repeatable

Objects & Obstacles

  • Tall Bookcase: 263×584 pixels.  2 variants.
  • Short Bookcase: 263×405 pixels. 2 variants.
  • Mousehole: 96×90 pixels.
  • Sleeping Cat: 215×131 pixels.  Can be used either as a background object placed along the baseboard, or in the middle of the hardwood floor as an obstacle.
  • Sleeping Dog: 257×154 pixels.  Also can be either object or obstacle.
  • Window: 270×324 pixels.  3 variants.
  • Coin: 49×48 pixels.
  • Laser beam: place two laser ends (rotate or flip the sprite as needed) horizontally or vertically and repeat the laser beam sprite to connect them.  The laser beam sprite is the same width as the laser end sprite so that it is easy to place them so that they line up.
    • Laser end: 89×89 pixels
    • Laser beam: 89×6 pixels, repeatable.
  • Cheese! 208×130 pixels.  Could be either a health power-up or the goal at the end of the level.
sprites_objects_free_iphone_game_art

Objects & obstacles to adorn your levels

Extras

  • Large versions of the Rocket Mouse to use in the larger 512×512 icons, title screens, game over scenes, etc.
    • Flying, with the rocket flame.
    • Running
    • Dead
  • Mockups, as shown throughout this post.
mockup_rocket_mouse_free_iphone_game_art

Score! Giant cheese!

Enjoy!

As always, I LOVE to hear about what games you make with my free art – 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: , , , , ,

8 Comments

  1. JR says:

    Thank you for all these graphic packs. They are going to be a huge help to use as I try to learn how to make games.

    It makes a big difference to be able to use real graphics instead of poor ones, I feel a lot better about my progress.

    Thanks again.

  2. vwenderlich says:

    JR – You are welcome! That is exactly why I post these – it is way more fun to make a game, even a first or second game, with actual art rather than scribbles and boxes!

  3. Behzad says:

    Thank You it was Cool Funny & useful Now i can Create many games! :D

  4. shubham says:

    first of all really nice and encouraging artwork but a small question…
    where are the extras?

  5. Making an Open Source Game for Android using your Game Art and Graphics. Crediting you in my credits screen. Thanks

    http://digitalwolfstudio.in/blogs/4

Leave a Comment

I'd love to hear your thoughts!