Flappy Bird in HTML5

by makyol • 12 years ago

57 46 12 years ago

Is there a tool to code such a thing once and get it run in Android, iOS as App and also have it as webpage like this HTML5?

makyol• 12 years ago

My friend wrote this thing. He said he used Phaser.js.

jordanwallwork• 12 years ago

Phonegap?

uralozden2• 12 years ago

it's open source by the way https://github.com/uralozden/flappy-bird

Vekz• 12 years ago

http://www.trigger.io

apunic• 12 years ago

What makes me wonder: why the author didn't it copy really 1:1?

Everything from the sounds, the proportions to the speed is slightly wrong making this thing pretty awkward.

mcav• 12 years ago

...copyright?

Aaronn2• 12 years ago

The creator of Flappy Bird seamed pretty supportive of someone else making an HTML clone of it

https://twitter.com/dongatory/status/431060041009856512

CoryG89• 12 years ago

I am thinking this is probably an artifact of copying the assets from the game, not having access to the originals.

ljd• 12 years ago

Go to main.js line ~184

In reset() add: SPEED = 300;

and it feels closer to the game.

jaredsohn7• 12 years ago

As another post says, it likely came from http://www.marksteve.com/dtmb (hopefully with permission?)

phaus• 12 years ago

Well,to be honest, flappy birds itself is an awkward copy of a much better game, so I guess its a tradition.

luipugs• 12 years ago

this is the original version: marksteve.com/dtmb

blueblob• 12 years ago

This is cool but it seems a lot easier to get further than the game on the phone.

j2bax• 12 years ago

Nice! HISCORE should be HIGHSCORE or HIGH SCORE

analog31• 12 years ago

Nice. And accurate too. I got the same score as on the Android version.

0 points.

Bookmarked, to take a look at what HTML5 looks like.

baddox• 12 years ago

To me it seems much easier than the iPhone version.

jaredsohn7• 12 years ago

Try playing it on the iPhone in Safari; it is tougher than on the PC due to the smaller screen. (Although the original game made with this code is quite playable on mobile.)

_random_• 12 years ago

Native version feels better.

ryeon• 12 years ago

I would make it work with the spacebar.

jayt92• 12 years ago

Is there a way to mute the game? If not then it would be a nice feature.

Tmmrn2• 12 years ago

Way too loud at default volume

No volume controls

Tmmrn2• 12 years ago

In chromium I have a feeling the reactions are a little bit late. In firefox it's better I think.

Hit areas of the pipes are a little bit too big. Or it's too fast to see what happens. edit: Pretty sure there's something either wrong or unexpected behavior in the game.

cdcarter• 12 years ago

Hit areas of the pipes are a little bit too big in the original game too. That's part of why it's so frustrating.

Stal3r• 12 years ago

Does the actual iphone also game have such poor physics, sounds, and production quality? I haven't played it.

jaredsohn7• 12 years ago

I think the iPhone version is a little nicer, but it does have a retro feel to it.

You can watch on YouTube to form your own impression. http://www.youtube.com/watch?v=SZx6fLU5ulw

Aaronn2• 12 years ago

The iOS version is muxh nicer in my opinion, this is just a knockoff

terpua• 12 years ago

Unfortunately this is a total rip / the original is here: http://marksteve.com/dtmb

Disclosure: Mark Steve and I work together.

jaredsohn7• 12 years ago

Also, this submission is not following the terms of the license (Creative Commons Attribution-NonCommercial 4.0 International License)

Original github: https://github.com/marksteve/dtmb

uralozden2• 12 years ago

Sorry for this, I'm edit read me file this :

This repo forked by : Don't Touch My Birdie http://marksteve.com/dtmb

marksteve2• 12 years ago

Thanks T

Posted mine a few days ago as well (https://news.ycombinator.com/item?id=7178168) but it didn't get votes. :P

Maybe I'll try to blog about creating it instead. Haha.

jlees• 12 years ago

Blogging about creating it would be much more interesting.

cheeyoonlee• 12 years ago

I made a skin for the original: http://cheeyoon.com/post/75677698649/flappy-doge

Check reddit discussion: http://www.reddit.com/r/jailbreak/comments/1x2csr/remix_my_c...

alexeichemenda• 12 years ago

Hey ! Pretty cool, anyway to use add keyboard management ? Makes too much noise to click everytime.. But cool version !

CSDude• 12 years ago

At least it is more playable with a mouse.

Siecje• 12 years ago

Why do you need so much JavaScript in HTML5?

Sir_Cmpwn• 12 years ago

In this case, "HTML5" describes the use of the canvas element, and JavaScript is used to render things to it directly.

joeblau• 12 years ago

This is to easy. Make the pipes closer.

Flappy Bird in HTML5

Related Stories