Share your repls and programming experiences

← Back to all posts
hi this is flappy bird but....3D!!!!
potatojs (443)

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

my other projects:

a cool dudj game! and the first 2D project i share in repl:
https://repl.it/talk/share/the-best-game-in-the-planet/44465

nice 3D project:
https://repl.it/talk/share/the-coolest-3D-project-i-ever-made/44256

a 3D pixel art generator:

Commentshotnewtop
CoolJames1610 (556)

AWESOME! ADD A SCORE TO MAKE IT EVEN BETTER

potatojs (443)

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

DynamicSquid (2673)

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

potatojs (443)

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

potatojs (443)

XD i least i tried :(@Nettakrim

Nettakrim (380)

@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 ‾\_(' . ')_/‾

potatojs (443)

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]

potatojs (443)

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

MarblesAndMore (43)

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

potatojs (443)

thank you! :)@MarblesAndMore

CodingRobot12 (189)

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

potatojs (443)

nice :)@CodingRobot12

CodingRobot12 (189)

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

CodingRobot12 (189)

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

potatojs (443)

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

CodingRobot12 (189)

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

potatojs (443)

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

CodingRobot12 (189)

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

mathiasaboye (62)

Red block blocks your way!

potatojs (443)

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

mathiasaboye (62)

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

potatojs (443)

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

ChezTacoz (274)

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.

potatojs (443)

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

ChezTacoz (274)

@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

potatojs (443)

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

ChezTacoz (274)

@potatojs it touched the walls and then kept going

potatojs (443)

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

ChezTacoz (274)

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

potatojs (443)

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

the potato!!

@ChezTacoz

ChezTacoz (274)

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

rjlevy (55)

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

rjlevy (55)

@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 😂

potatojs (443)

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

potatojs (443)

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

rjlevy (55)

@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

VulcanWM (2010)

Wow, praising yourself @potatojs

ImmaEatYouMan (15)

really good, but add a score

lthon09 (6)

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

angelicas1855 (2)

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

potatojs (443)

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

WernerPfennig (2)

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

potatojs (443)

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

WernerPfennig (2)

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

whackdab (9)

i got 31 as a high score

Reydialarmsaw (3)

Dude you made a great game. Keep on coding!

pythonorguser (3)

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

MohamedSherif10 (0)

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

potatojs (443)

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

SixBeeps (2566)

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.

potatojs (443)

no it's good like that :)@SixBeeps

SixBeeps (2566)

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

Highwayman (1367)

noice I played this for too long lol XD

kbfton (13)

That's cool! But can you add points?

potatojs (443)

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

F0XB0I (0)

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

potatojs (443)

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

F0XB0I (0)

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

nt998302 (173)

I like how the ball squishes when you bounce it, so satisfying

soham74 (8)

hands down the best repl game ive played

EmmaGove (5)

I love it!! I was wondering if you can make the drop a tiny bit slower you don't have to I just think it would make it a tiny bit better thx again for this game :)

potatojs (443)

you mean the gravity? i can make it a variable because to many persons likes the way it is right [email protected]
edit: now it's a var! so you can change it if you want it's the second one in the script .js file!

Raniconduh (17)

I think you could easily add a space bar to jump functionality by saying if (mouseIsPressed || keycode === 32) {//code }