Skip to content
← Back to Community
hi this is flappy bird but....3D!!!!
Profile icon
potatojs

hiiiiiii

this is a 3D flappy bird you can use any key to play! this is something i just added so if you had any problemes tell me in the comments!

enjooooooy

  • press any key or the mouse to play
  • edit 1:now the bground color is a variable and it's the first line in the script.js : 0 is black, 255 is white
  • edit 2:hi this is me from the future telling you that in my repl there is a smooth() function that makes the graphics better... if your PC is trash like mine you can comment the function using // in the start of the line to make the game less laggy
Voters
Profile icon
RishiJavia
Profile icon
LunaDao
Profile icon
soren
Profile icon
stiv1goordiv
Profile icon
VedishChauhan
Profile icon
ninjaread99
Profile icon
TedFurse
Profile icon
maxina
Profile icon
proryan
Profile icon
MAX365
Comments
hotnewtop
Profile icon
CoolJames1610

AWESOME! ADD A SCORE TO MAKE IT EVEN BETTER

Profile icon
potatojs

thanks and i'm going to add the score and the animation [email protected]

Profile icon
CoolJames1610
Profile icon
DynamicSquid

@CoolJames1610 yeah, definitely agree :) a score would be nice!

Profile icon
zplusfour

@CoolJames1610 what 20 upvotes

Profile icon
potatojs

yeah that is cool! it's more than the upvotes of a lot of [email protected]

Profile icon
CoolJames1610

@ZDev1 yeah ikr xD

Profile icon
zplusfour
Profile icon
Nettakrim

@potatojs is 3 days soon lol

Profile icon
CoolJames1610
Profile icon
VivaanSa
Profile icon
Nettakrim

@potatojs is 11 days soon lol

Profile icon
potatojs

XD at least i tried :(@Nettakrim

Profile icon
Nettakrim

@potatojs
in script.js if you put this just after the pipe spawner

if ((frameCount) % 100 == 20 && frameCount>300) { score++ console.log(score) }

then the score variable will tick up one every time you pass a pipe
if i knew haw JavaScript worked i would also give the code to make the score show up but i dont so ‾\_(' . ')_/‾

Profile icon
potatojs

yeah i already had a score system but because this is very old, and now i know that its code is *** so it's very hard to add things to it but maybe some day i well make a remake to this project...you know what i will start it [email protected]

Profile icon
potatojs

you know what this project is the worse thing i ever made the code is just the worse i tried to add a simple score system and the errors start comming from every where i'm done with this thing!
and thanks for the comment :) @Nettakrim

Profile icon
CoolJames1610
Profile icon
CoolJames1610

@potatojs ahh :(

Profile icon
potatojs
Profile icon
NehalRam

@potatojs Is one year soon? lol jk i know you tried ;)

Profile icon
potatojs

@NehalRam lmao at this point i can make a full 3D flappy bird but is online multiplayer in a day, but i won't because i hate flappy bird and these guys play it better than me

Profile icon
NehalRam

@potatojs ai does play very good
but it is still made by you

Profile icon
potatojs

@NehalRam yeah i just wrote some functions and the computer did the rest... even if i made them i have no idea how to beat the game

Profile icon
NehalRam

@potatojs do you know any pygame? i am trying to make one but mate replit is the worst ide you can use for pygame

Profile icon
potatojs

@NehalRam use vscode, replit is kinda slow for any native stuff, there is a million tutorial in youtube about how to install vscode, python, then pygame.
i played a bit with pygame but it was too slow even compared to js (in the browser)

Profile icon
NehalRam

@potatojs ok... i am looking for some ideas for my game rn so some would be appreciated :)

Profile icon
potatojs

@NehalRam go watch youtube or something, or go in a walk, if you stay at home thinking you won't do any progress. you need to find insperation,

Profile icon
NehalRam

@potatojs do you know how to make platforms in pygame?
this is my game:
https://replit.com/@NehalRam/I-wanna-learn-pygame
i need the red platform to be interactable like you can rest the player there

Profile icon
potatojs

@NehalRam there is multiple ways to achieve this, just surch "platformer logic", or "platformer physics" even if the tutorial isn't in pygame just understand the theory and try to implement it in python, :D

Profile icon
NehalRam

@potatojs thx man. send me a discord inv(Tonystark2008N#1871)

Profile icon
MarblesAndMore

This is insane, really well done. I am surprised it only took you 2 hours to make as well.

Profile icon
potatojs

thank you! :)@MarblesAndMore

Profile icon
CodingRobot12

I like the 3D flappy bird version. It's very cool.

Profile icon
potatojs

nice :)@CodingRobot12

Profile icon
CodingRobot12

Also I can barely get passed two of the pipes lol @potatojs

Profile icon
potatojs
Profile icon
CodingRobot12

Actually now that I think about it, the potato may be going through the pipes toward the end part of the pipe sometimes. @potatojs

Profile icon
potatojs

that's the first sine of super powe..r...s wait! i know what my next project is [email protected]

Profile icon
CodingRobot12
Profile icon
potatojs
Profile icon
CodingRobot12

Finally, I got far. I was able to get through 5 pipes without dying. @potatojs

Profile icon
potatojs

XD i got 10 from the second time lol
tip try the project in your phone https://3Dflappy-bird--potatojs.repl.co @CodingRobot12

Profile icon
CodingRobot12

ok thanks for the tip @potatojs

Profile icon
CodingRobot12

I am getting better because I just got 22. @potatojs

Profile icon
NehalRam

@CodingRobot12 how much is your max after 1 year?

Profile icon
OldWizard209

this is coool but if the speed would be slower it would be even better than it already is.
Great job @potatojs

Profile icon
potatojs

thanks :)
ehh this project is SO OLD changing it now is useless i'm gonna another one :D
later...
@abdullahrajput9

Profile icon
Lancexix

Absolutely incredible! It would be amazing if you added a score system! Love this though!

Profile icon
potatojs

thanks!but trust me i tried but it's so hard :(@F0XB0I

Profile icon
Lancexix

Ah, it's alright! At least you've tried :) It's amazing as it is! @potatojs

Profile icon
potatojs
Profile icon
rafrafraf

its really good but please, please make the body overflow hidden and not scroll

Profile icon
potatojs

you mean you want to delete the animation of the [email protected]

Profile icon
rafrafraf

@potatojs no no, i mean the x and y scroll bar on the bottom and right

Profile icon
potatojs

ahaaa i don't know how to do it i just set the canvas width and height to the window's width and height...
i'm gonna [email protected]
edit:i think it's a little better now..
thanks for the comment any way

Profile icon
rafrafraf

@potatojs if u wanna remove the scroll bars type in css body{overflow: hidden}

Profile icon
potatojs
Profile icon
AncientBison

THis is super duper nice looking!

Profile icon
potatojs
Profile icon
mathiasaboye

image Red block blocks your way!

Profile icon
potatojs

no no no my friend the potato don't have super powers(yet!)@mathiasaboye

Profile icon
mathiasaboye

@potatojs maybe you should make there be powerups in the game! :O

Profile icon
potatojs

that is very hard :( sorry
also i want to work on something new like this project!
https://[email protected]

Profile icon
mathiasaboye

@potatojs thats cool!

Profile icon
ChezTacoz

OK so I was playing this game and everything was going great but then it started glitching or something and the potato started going through walls.

Profile icon
potatojs

what??? the potato now has super powers?
how did that hapen? OK now.. can you plz describe the probleme more [email protected]

Profile icon
ChezTacoz

@potatojs I was playing and for like 3 seconds the potato started going through walls but I think it might have just been my computer

Profile icon
potatojs

maybe because the game is very laggy but to make sure did the player goes through walls in the middle of the pipe or it just touch it (because the hit boxes are not the best :) )@ChezTacoz

Profile icon
ChezTacoz

@potatojs it touched the walls and then kept going

Profile icon
potatojs

ok this is bad :( but i hope that this probleme won't happen to th [email protected]

Profile icon
ChezTacoz

@potatojs it wuz actually pretty cool. I beat my flappy bird high score!

Profile icon
potatojs

nah this isn't you who beat it it's ....

the potato!!

@ChezTacoz

Profile icon
ChezTacoz

I'm really bad at flappy bird but nice project! :)

Profile icon
RolandJLevy

This is great - well done. The 3d environment works really well and the game play is brilliant. Maybe you could animate the yellow character with CSS so that it's shape changes when it goes up and down to give some user feedback? Something like this uses @keyframes to animate: https://repl.it/@rjlevy/CSS-loading-dots-bouncy

Profile icon
potatojs

thank you!
it's [email protected]

Profile icon
RolandJLevy

@potatojs wow that was quick! It looks great.

I really like this project and have some other ideas if you're ok with that. The contrast between the yellow character (is it a potato?) and the grey background doesn't make the character stand out. Could you make the background a much darker colour like a deep blue or black? Then the potato character would really stand out 😂

Profile icon
potatojs

ok you give me a better idea... wait a [email protected]
done!:and yes it is a potato :)

Profile icon
potatojs

of course just tell them it's the summer i have all the day to make to add the most rediculas and fun ideas! @rjlevy

Profile icon
RolandJLevy

@potatojs well done! It looks great. I've got lot's of time too :)

Another idea. How about having a coloured background gradient to create some depth? I made this as an example: https://repl.it/@rjlevy/CSS-multicoloured-gradient

Profile icon
potatojs

wow cool!

Profile icon
VulcanWM

Wow, praising yourself @potatojs

Profile icon
potatojs

:)@VulcanWM

Profile icon
Orange541

No way man! Awesome!

Profile icon
potatojs

thanks :)
@Orange541

Profile icon
Gabby8C0des8

@potatojs are you gonna do scores???

Profile icon
potatojs

lol i don't thing so ;)
sorry :(
@Gabby8C0des8

Profile icon
Daniel3210

Bounce

It bounces a bit too much

Profile icon
potatojs

lol i can't do @Daniel3210 anything about this

Profile icon
Daniel3210

@potatojs What, Why?

Profile icon
potatojs

i like it like that
:D
@Daniel3210

Profile icon
Daniel3210

🤨🤨🤨🤨 @potatojs

Profile icon
[deleted]

really good, but add a score

Profile icon
lthon09

i think you should add a score counter and we can see our own scores :)

Profile icon
nahu1

IT"S SOO COOL

Profile icon
potatojs

thanks!
@nahu

Profile icon
angelicas1855

I got no idea how to play this game :'(

Profile icon
potatojs

what???
you can click the mouse
use space
arrows
literally any key in the key board will [email protected]

Profile icon
angelicas1855

thanks bro @potatojs

Profile icon
[deleted]

I suck as well:(

Profile icon
potatojs
Profile icon
[deleted]

Cool! Now I know how much I suck at flappy bird..🐤

Profile icon
potatojs

what ever the level of.. suckity? you achieved i'm worse :)
@WernerPfennig

Profile icon
[deleted]

@potatojs Haha, I can barely even get past the third obstical

Profile icon
potatojs
Profile icon
whackdab

i got 31 as a high score

Profile icon
Reydialarmsaw

Dude you made a great game. Keep on coding!

Profile icon
potatojs
Profile icon
pythonorguser

If you use the function keys to jump then it behaves stangely (except for f5)

Profile icon
MohamedSherif10

could you make the ball 3D so it fits with the pillars and could you add score but overall the game is awesome well done

Profile icon
potatojs

thanks! yeah the ball is already 3D :) but you can't see that because there isn't shadowing in the ball, and i didn't add them the first time because i was an idiot, and now i don't want to fix it bc i'm sure i'll mix things up :)@MohamedSherif10

Profile icon
SixBeeps

This is pretty well done! Although, I would have made the flapping only run on a KeyDown event so that you can't hold the button to go up.

Profile icon
potatojs

no it's good like that :)@SixBeeps

Profile icon
SixBeeps

@potatojs Idk, just a preference, just like how it was in the original :)

Profile icon
Highwayman

noice I played this for too long lol XD

Profile icon
Laksha123

This is amazing

Profile icon
potatojs
Profile icon
kbfton

That's cool! But can you add points?

Profile icon
potatojs

i already try it a couple of time but i failed epicly:)
[email protected]

Profile icon
kbfton

@potatojs ok :)

Profile icon
SyntaxError64

da bomb diggity