Create A Snake Game in HTML CSS & JavaScript | JavaScript Game Tutorial

Sdílet
Vložit
  • čas přidán 25. 08. 2024

Komentáře • 84

  • @CodingNepal
    @CodingNepal  Před rokem +14

    Play this Snake Game: codingnepalweb.com/demos/snake-game-javascript/

    • @noumanabegum
      @noumanabegum Před rokem +1

      source code?

    • @CodingNepal
      @CodingNepal  Před rokem +1

      Here is the source code: www.codingnepalweb.com/create-snake-game-htm-css-javascript/

    • @user-qj4qu7bb2i
      @user-qj4qu7bb2i Před rokem

      Do u have Architecture diagram and module for this project

  • @devsilva7155
    @devsilva7155 Před rokem +8

    18:05 you can create a memory game, where when you reach a control point, which is the light blue dot, the screen will be filled with more light blue dots, the idea is to fill as many dots as possible, if you touch a dot that you already touched, you lose, if you touch the wall, you lose. and you just have to rely on what is in that minute.

  • @zillalsenmesrane1022
    @zillalsenmesrane1022 Před rokem +5

    i love the way ur using logic .. thank you for your efforts bro

  • @AriqTech
    @AriqTech Před rokem +16

    Can you create a chess game using HTML, CSS & JS?
    Function you may include:
    -User can select white side /Black black/Random
    -Can include 3 levels: Easy, Medium & Hard.
    Thanks!

  • @namjotsingh
    @namjotsingh Před rokem +2

    Amazing project. Very informative and I got to learn a lot about JavaScript and using logic. Thanks for such videos.

  • @davidconteh2231
    @davidconteh2231 Před rokem +2

    This channel is going to be great. Thank for creating awesome contents.

  • @kingchobo
    @kingchobo Před rokem

    스네이크 바이트 게임..
    Whoo, what a trip down memory lane, huh?

  • @mohammedalgourch3077
    @mohammedalgourch3077 Před rokem +1

    Thank you.. You explained it clearly

  • @Stardippedd
    @Stardippedd Před 10 měsíci

    thank you i had fun creating this and I learned a lot!

  • @rudra9535
    @rudra9535 Před rokem

    absolutely loved it. amazing work. you rock man.

  • @nosibahassan8971
    @nosibahassan8971 Před rokem +1

    Thank you very much 😍🥰

  • @yubiroaster6285
    @yubiroaster6285 Před rokem +1

    Most waited video ✨❤️

  • @S-Lomar
    @S-Lomar Před 11 měsíci +1

    Well done 🥰🥰🥰🥰🥰🥰🥰🥰😍😍😍😍😍😍😍😍😍😍😍😍😍

  • @LuisMedina-dk3vc
    @LuisMedina-dk3vc Před 5 měsíci

    Amazing. Thank you so much.

  • @S-Lomar
    @S-Lomar Před rokem +1

    Well done

    • @S-Lomar
      @S-Lomar Před rokem

      🤯🤯🥰🥰🥰🥰🥰🥰🤯🤯🤯🤯🥰🥰🥰🥰🥰put in play store

  • @Countdownseries193
    @Countdownseries193 Před rokem +1

    Brillint thing sir

  • @CodingW3
    @CodingW3 Před 9 měsíci

    Very good! 👏🏻👏🏻👏🏻👏🏻💚

  • @TheLoona
    @TheLoona Před rokem +1

    😂 love this video.

  • @mdms4549
    @mdms4549 Před rokem

    It was great, I was excited😄🙂😊

  • @studentimantha5345
    @studentimantha5345 Před 10 měsíci

    Awesome

  • @danzarifin
    @danzarifin Před rokem

    amazing...

  • @pooja3339
    @pooja3339 Před 5 měsíci +1

    How to make snake eyes ??

  • @luissosa7685
    @luissosa7685 Před rokem

    lo ví en español.esta bueno la forma que lo hace con grid

  • @surajghimire7107
    @surajghimire7107 Před rokem

    Best video, by the way voice ni rakhnu na !!

  • @harunwarsame3027
    @harunwarsame3027 Před rokem

    U r the best🥰

  • @shanmugarajkarthik9504

    Mindblowing

  • @S-Lomar
    @S-Lomar Před 11 měsíci +3

    You guys 're showing only how to create games what 'bout publishe in play store and start earning?????? Please please please please please guys 🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏

  • @LoopPool_YT
    @LoopPool_YT Před rokem +1

    شكرًا

    • @CodingNepal
      @CodingNepal  Před rokem +2

      Thank you for your support

    • @LoopPool_YT
      @LoopPool_YT Před rokem +2

      @@CodingNepal It's a little something for your effort🥰
      Can you make more backend projects with php and mysql 🌹

  • @alixerkmir2097
    @alixerkmir2097 Před 10 měsíci

    😪 I didn't understand how exactly it works "for (let i = snakeBody.length - 1; i > 0; i--) {
    // Shifting forward the values of the elements in the snake body by one
    snakeBody[i] = snakeBody[i - 1];
    }" 18:50

  • @GoldDiscover333
    @GoldDiscover333 Před rokem

    Your all videos love it 💕.
    Dear can you upload complete HTML, CSS , JavaScript and PHP course with voice Urdu or Hindi . Like frontend and backend development full course.
    Bz I'm very excited for this course

  • @social.knowledge_0
    @social.knowledge_0 Před rokem

    Thank you

  • @VortexVibesYT
    @VortexVibesYT Před rokem +1

    Hey, how do you see the result on browser on vsc?

  • @gamingshorts2809
    @gamingshorts2809 Před rokem

    Can you add difficulty levels please or can you tell me how to add it

  • @Jay-eg9mv
    @Jay-eg9mv Před rokem

    Can anyone explain how the snake length expansion is working?

  • @alixerkmir2097
    @alixerkmir2097 Před 10 měsíci

    😬When I put "if(gameOver) return handleGameOver();" A game simply does not run because of a message "alert("Game Over! Press OK to replay...");" 21:25 🥵

  • @Solomonwo
    @Solomonwo Před rokem

    Good

  • @debabratagon7289
    @debabratagon7289 Před 7 měsíci

    What if the food appears in the body of snake?

  • @ThroubleMaker
    @ThroubleMaker Před rokem

    Teach me how to make a thermometer

  • @webPro_faizan
    @webPro_faizan Před rokem

    Bro added you're sounds

  • @thisishabib744
    @thisishabib744 Před rokem +1

    Please start a react js projcet

    • @TheLoona
      @TheLoona Před rokem

      👎 I don’t see the benefits of using react js

    • @Solomonwo
      @Solomonwo Před rokem

      Yes

    • @AlexFetfa
      @AlexFetfa Před rokem

      @@TheLoona better for getting a job

  • @supriya_codes
    @supriya_codes Před rokem

    changeFoodPosition is not working....help plzz

  • @user-75a3fhu
    @user-75a3fhu Před rokem

    Can you explain pls what is foodX/Y end why did you deleted its value

    • @gandhibarra3036
      @gandhibarra3036 Před 11 měsíci

      FoodX/Y is the position of where the food is going to be. He deleted the values because he wanted to make the food position as random{(Math.random() * 30) + 1}and not as a fixed position on the grid.

    • @user-75a3fhu
      @user-75a3fhu Před 11 měsíci

      @@gandhibarra3036 thanks I even forgot about this project

  • @nakulmittal9953
    @nakulmittal9953 Před 10 měsíci

    18:00

  • @sojibhasan4759
    @sojibhasan4759 Před rokem

    Someone please explain the body segment
    for(i =snakebody.lenght-1,i > 0,
    i--){ snakebody[i]=snakebody[i-1]}

    • @baazigar5
      @baazigar5 Před rokem

      It was really hard to understand for me too but after trying very hard i understood.
      Suppose we have an array with 3 items, so by this for loop, 3rd item's value will be equal to 2nd item then 2nd item's value will be equal to 1st item and then after coming out of for loop, the value of 1st item will increase by one with velocity variable... I hope you understood 😅

  • @atandaoluwadamiloladavid7673

    Thanks for the work done
    But your website cannot be reached please fix this. Thank you so much

    • @CodingNepal
      @CodingNepal  Před rokem

      Can you check now: www.codingnepalweb.com/

    • @atandaoluwadamiloladavid7673
      @atandaoluwadamiloladavid7673 Před rokem

      @@CodingNepal not yet working probably you should always use Google drive for the source too but please fix the website

  • @Gostosolucas
    @Gostosolucas Před rokem

    no using: ' ' or " ".
    using: ` ` in Java Script!

  • @nguyentienkha2908
    @nguyentienkha2908 Před rokem

    I dont know the meaning of this line : ${snakeBody[i][1]}/${snakeBody[i][0]

  • @S-Lomar
    @S-Lomar Před 10 měsíci

    💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💓💕💕💓💓

  • @samoeurnartjr9535
    @samoeurnartjr9535 Před rokem

    I don't success for this project

  • @razarukhsar8479
    @razarukhsar8479 Před rokem

    SOURCECODE PLEASE

    • @L1CBot
      @L1CBot Před rokem +1

      in the description

    • @CodingNepal
      @CodingNepal  Před rokem +2

      Here is the source code: www.codingnepalweb.com/create-snake-game-htm-css-javascript/

    • @L1CBot
      @L1CBot Před rokem +1

      @@CodingNepal Please make a video in realtime chat app with firebase in private mode with pure javascript

    • @razarukhsar8479
      @razarukhsar8479 Před rokem

      @@CodingNepal Thankyo so much I'm glad to here with your source really good vibe to do with this