Build a Flappy Bird Game using HTML CSS & JavaScript

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ธ.ค. 2024

ความคิดเห็น • 70

  • @yuquann
    @yuquann 3 ปีที่แล้ว +19

    EPIC! Can you make a mobile version

  • @MauliksCricketShorts
    @MauliksCricketShorts ปีที่แล้ว +7

    it's not working
    what to do
    it is showing just text that press this this key to start

  • @ammardon-q4d
    @ammardon-q4d 11 หลายเดือนก่อน +3

    game is too much fun thanks alot for helping us to made flappy bird clone now i become billianare with game🤣😅😂❤❤❤❤

  • @chandu_shaiva.
    @chandu_shaiva. 11 หลายเดือนก่อน +4

    Bro the code works fine, but each time when I press arrow key ,the bird pop up again and again (Not a smooth move of bird)

  • @MauliksCricketShorts
    @MauliksCricketShorts ปีที่แล้ว +1

    Bhaiya agar space se start karna ho toh kya karu

  • @zeeshankhan-bb7nv
    @zeeshankhan-bb7nv หลายเดือนก่อน

    ye (bird-2.png ) kon se pic hai

  • @Gurigjakova
    @Gurigjakova ปีที่แล้ว +1

    How do you get the flappy bird background on the screen. Where do you get the code to write in google

  • @angeledreycandianidelgado5908
    @angeledreycandianidelgado5908 ปีที่แล้ว

    Hi, why the background doesnt show off and the bird doesnt shows off

  • @slcybermaster2005
    @slcybermaster2005 ปีที่แล้ว +2

    nice video bro❤❤well done

  • @foooodhacks385
    @foooodhacks385 2 หลายเดือนก่อน

    Hello, great video.
    Can I use notepad to code? How should I run the program in chrome if I'm using notepad?

  • @AJPHIL-bt4me
    @AJPHIL-bt4me ปีที่แล้ว +1

    How do i make it responsive so tat after forking i can implement it in my Portfolio website as a so my users can play it on both phone and pc but the responsiveness doesnt seem to work as the bird is to big sadly to fit in the tiles any help on this

    • @philliplam2704
      @philliplam2704 7 หลายเดือนก่อน

      LMAO JSUT DO IT TRASH ITS NOT HARD IF YOURE NOT TRASH

  • @notflez2802
    @notflez2802 ปีที่แล้ว +1

    I have the same thing has you, however my background doesn't cover the whole page and when i scroll down it shows another background picture. Do you know how i can fix it?

    • @CodeCreativeYT
      @CodeCreativeYT  ปีที่แล้ว +5

      Hey, in this case you might check on the css background image part.
      height: 100vh;
      width: 100vw;
      background: url('images/background-img.png') no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;

  • @ummi_official_1579
    @ummi_official_1579 7 หลายเดือนก่อน +1

    @media only ->only not a predefined keyword

  • @rameshhingyanavar7591
    @rameshhingyanavar7591 2 ปีที่แล้ว +7

    Bro upload flowchart and sequence diagram bro🙌,for mini project.

    • @DT-lg5yx
      @DT-lg5yx 2 ปีที่แล้ว

      Can you explain the java script codes? I have a project assignment. I need to write a report.

  • @XemaroEdits10
    @XemaroEdits10 ปีที่แล้ว

    what is that theme of vs code?

  • @ummi_official_1579
    @ummi_official_1579 6 หลายเดือนก่อน

    After enter bird 🐦 show only 1 2 sec bro please help me

  • @melanialeandro7622
    @melanialeandro7622 ปีที่แล้ว +1

    Good Job ❤

  • @sarakhalid5496
    @sarakhalid5496 ปีที่แล้ว +1

    Hi there i tried this but those green pipes aren’t in the game and the bird as well after i press the enter button

  • @jeetbhojani5698
    @jeetbhojani5698 ปีที่แล้ว

    one question
    my Codes are not opening in the browser so which extension are we supposed to use

    • @CodeCreativeYT
      @CodeCreativeYT  ปีที่แล้ว

      Hi, you have to install the extension - open in browser at the code editor

    • @jeetbhojani5698
      @jeetbhojani5698 ปีที่แล้ว

      @@CodeCreativeYT thanks

  • @MasterCode-10M
    @MasterCode-10M 4 หลายเดือนก่อน +2

    thank you the game good good

  • @justinteng35
    @justinteng35 ปีที่แล้ว

    great video, thanks

  • @omniaabdalaziz7917
    @omniaabdalaziz7917 8 หลายเดือนก่อน

    please send me the link of the image pleeeease

    • @JB.BILAL-FF
      @JB.BILAL-FF 8 วันที่ผ่านมา

      in description

  • @DT-lg5yx
    @DT-lg5yx 2 ปีที่แล้ว +3

    Please explain the java script codes. I have a project assignment. I will present. I don't understand a thing because you put music.

    • @mirjalol_nightmares
      @mirjalol_nightmares ปีที่แล้ว +3

      thats annoying right, i dont wanna watch videos with music

    • @MotionSigma
      @MotionSigma ปีที่แล้ว

      tara bapp ka nokar nahi ha

  • @MauliksCricketShorts
    @MauliksCricketShorts ปีที่แล้ว

    which app do you use

  • @FormusicliveonlyMusicpurpose
    @FormusicliveonlyMusicpurpose 10 หลายเดือนก่อน

    It doesn't run in my pc

  • @zuera45
    @zuera45 ปีที่แล้ว

    parabens, funcionou perfeitamente!!!

  • @5219masilamani
    @5219masilamani ปีที่แล้ว

    How to run it

  • @ummi_official_1579
    @ummi_official_1579 7 หลายเดือนก่อน +1

    Pipes not visible and also game not started please any one help me

  • @mustapha0657
    @mustapha0657 ปีที่แล้ว

    hello! the game is working, but the bird is not showing up

    • @CodeCreativeYT
      @CodeCreativeYT  ปีที่แล้ว +1

      Hi, the bird should show up, can you please double-check your image path, maybe the path is incorrect. thanks

  • @MauliksCricketShorts
    @MauliksCricketShorts ปีที่แล้ว

    bhaiya i have done it all but how to run it

    • @CodeCreativeYT
      @CodeCreativeYT  ปีที่แล้ว

      Hi, if you using visual studio code to run the program, you can just right click your mouse and open in browser. tq

  • @PsaReaper
    @PsaReaper ปีที่แล้ว

    Why wont it have a backround or a bird pic

    • @CodeCreativeYT
      @CodeCreativeYT  ปีที่แล้ว

      Hi, the source code is correct. please follow the step-by-step. should be working fine. thanks

  • @dobkun
    @dobkun 2 หลายเดือนก่อน

    this bird now kills twitch streamers

  • @bynemusic311
    @bynemusic311 3 ปีที่แล้ว +1

    verry nice

  • @esamahmed4821
    @esamahmed4821 ปีที่แล้ว

    Is it publishable?

    • @CodeCreativeYT
      @CodeCreativeYT  ปีที่แล้ว

      Hi, yes you can publish the game online. thanks

  • @aracelid.2272
    @aracelid.2272 ปีที่แล้ว

    the bird is not showing up bro

  • @Shirley-j1k
    @Shirley-j1k 2 ปีที่แล้ว

    Gambateh!!

  • @Zuksky295
    @Zuksky295 ปีที่แล้ว

    I want to increase the highest score
    how to install it in the game
    and 1 more
    I want to change the grativy control to just up and down control so it's easy

  • @Jesnolimit.
    @Jesnolimit. ปีที่แล้ว

    Can I get your code for my website?

  • @bavisettipavankalyan5791
    @bavisettipavankalyan5791 ปีที่แล้ว

    Code please

    • @CodeCreativeYT
      @CodeCreativeYT  ปีที่แล้ว +1

      github.com/kaizhelam/Flappy-Bird-Game.git

  • @silastherobloxlovergamer3687
    @silastherobloxlovergamer3687 ปีที่แล้ว +2

    Why is no one talking about the bird itself? It looks like perry from phineas and ferb.

  • @shiva_bhaktas_shorts
    @shiva_bhaktas_shorts ปีที่แล้ว +2

    Is this a complete code?

  • @bassiroumbackecisse355
    @bassiroumbackecisse355 ปีที่แล้ว +2

    You would have explained it’s will be better.

  • @ahmedhani7226
    @ahmedhani7226 ปีที่แล้ว

    bing chilling game

  • @mr.RAND5584
    @mr.RAND5584 ปีที่แล้ว

    i only score 1. sad.

  • @StaticBlaster
    @StaticBlaster 27 วันที่ผ่านมา

    the music is really annoying. why can't you just talk us through with what you're doing?