Creating a ‘Flappy Bird’ clone

So, last week, on Thursday I sat with Felix, one of the people that are supporting us with designs, and we were talking about ‘Flappy Bird‘s tremendous success. The, now unpublished, Chopper Mission-like game at the time grossed around $50k a day and was, as you probably all know, topping app store charts around the world.

Flappy Bird

Flappy Bird

We were impressed by the simplicity of the design and the very easy gameplay. This was also what made us think that it would probably be quite easy to implement an app with similar functionalities.

$50k/day, a possibly fast implementation. That are two  pretty convincing arguments towards just trying it out.

Brainstorming

The Greek restaurant we went to

The Greek restaurant we went to

The decision was made and we headed over to the Greek restaurant next door to brainstorm a bit. The mission: Creating a game with similar behavior and and addictiveness as flappy bird while maintaining an own character.

Besides the amazing achievement of $50k/day in front of our eyes we wanted to keep up the spirit of ‘Flappy Bird’, which, in our impression, was rather the creation of games as a form of art instead of pure means to make money.

The brainstorming started. The basic wireframing was done rather quickly. A simple start menu, the game itself, a game over menu, GPGS highscores, maybe a bit of Tapjoy and a splash screen.

Left: Wireframes. Right: Design drafts

Left: Wireframes. Right: Design drafts

Then the big question arose: Where and when did we want our game to take place? We are working on another game in the steampunk genre anyway at the moment, so why not use this environment?

 Steampunk Bird by ~Adrienne-the-ripper. Click on the image for the origin.

Steampunk Bird by ~Adrienne-the-ripper. Click on the image for the origin.

While that sounded pretty cool we wanted to grab the chance to try a different setting. Ever since I first played it, Age of Empires II was my favorite computer game, which it stayed until today. This resulted in our final choice: The medieval times.

Getting started

First we created kanban-boards, each customized and simplified in the way needed them.

Left: My Kanban-board; Right: The designer's Kanban-board

Left: My Kanban-board; Right: Felix’ Kanban-board

Then we just got started.

I first began implementing the physics with Box2D but then decided it would be overkill and just used simple entity modifier. After a couple of hours the first, almost complete, game was done. On the left you can see our main menu, in the middle the game while it is playing and on the right the game over ‘menu’:

The first playable version of our 'Flappy Bird' replacement

The first playable version of our ‘Flappy Bird’ replacement

I like to call it ‘Flappy Pong’.

As with most casual games, writing the basic game logic needed the least time. We needed a decent character, the hero that would breathe life into our game. His name? Sir Flapalot.

Who is Sir Flapalot?

Who is Sir Flapalot?

We wanted a unique character. A person that’s cute, has a visual reason to fly and can still transport the adventurous aura of a knight.

Felix did an awesome job and created our flying hero:

Sir Flapalot revealed

Sir Flapalot revealed

Sir Flapalot comes in five parts: A tilesheet of the cape which consists out of four parts for a fast paced movement animation, a three-part-tilesheet of the arms with the wings, the harness with the feet, the helmet and the hemlet’s ventail, which opens when the knight flies downwards. Here you can see his first flying attempts in our virtual world:

Sir Flapalot flying and falling

Sir Flapalot flying and falling

Here’s the main menu with Sir Flapalot flying around on a Galaxy Y and a Galaxy Nexus:

Sir Flapalot on different devices

Sir Flapalot on different devices

Next was the Name and the Logo. We both were certain about the name in an instant. ‘Flappy Knight’. We couldn’t find a fitting font so Felix did another amazing job and hand-drew Flappy Knight’s own typeface:

logo

Development

After this two important decisions, the title and the main character of the game, development continued. We included backgrounds, a parallax floor like in ‘Flappy Birds’, the green rectangle barriers of the screenshots above became walls and the game over and start menu went through plenty of iterations.

Once this essential parts were done, I started integrating GPGS for highscores, ad banners (only AdMob for now) and Tapjoy.

Last Thursday, after one week of development, we presented the result to ANDLABS and started balancing the gameplay a bit more. It turned out that Sir Flapalot fell too fast so that sometimes it was too hard to stop him at the right time. With the change of giving him more time to the fall, a bigger distance between the walls came. While the game initially was much harder than ‘Flappy Bird’, it is a tiny bit easier now. My current record is 39, which makes me third out of four test players.

After the balancing, sound came into the game. This took us quite some time since we hand made almost all of them on our own. We tried to keep them as annoying yet motivating as the flappy-bird sounds, while sticking to our genre. While we may re-record some of them for an update, we are satisfied with the current state.

Flappy Knight

Today, after one week and three days of work, Flappy Knight was finished. Here are the final results:

Flappy Knight's main menu and get ready screen

Flappy Knight’s main menu and get ready screen

Flappy Knight's gameplay and game over screen

Flappy Knight’s gameplay and game over screen

So now, if you like (or hate) ‘Flappy Bird’ and need an adequate replacement but are not satisfied with the gazillion of copies out there, or just want to try our work, you might give Flappy Knight a try:

promo

get flappy knight on google play

8 Comments

  1. haha! I’m so amused reading that article. I had a similar idea after reading the flappy bird stories. But I wanted to do something different. I have done it in three days, but I don’t know a “Felix” sadly. So the graphics are from some random comercial free sources. See the result at Google Play https://play.google.com/store/apps/details?id=net.zeeked.games.marsrocketb

    Your game is awesome btw! I really like the graphics! 5 stars!

  2. Its very interesting game. Thank you for sharing .
    iandroid application development

  3. The physics is too weird to play.

  4. Hi. Thanks, its a beautiful game. Its amazing how fast you guys created it. How did you start with android dev? And how much it took you to program a game so fast ?
    Thanks.

    • Hi Daniel,

      thank you, I’m glad you like it!
      I started Android development in 2009 when creating a system for dynamic ride sharing and game development in 2010 I think.
      But when one has done a game or most of a game with one’s engine of choice, one is probably very fast when it comes to creating smaller games.

      Best Regards
      Johannes

  5. For me, I never really learned about Java for the Android, however I learned how to manipulated existing code and produced the following.
    https://play.google.com/store/apps/details?id=bb.hoppingdino

Leave a Reply

Your email address will not be published.

*

© 2024 Droid-Blog

Theme by Anders NorenUp ↑