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

Поділитися
Вставка
  • Опубліковано 6 лис 2024

КОМЕНТАРІ • 81

  • @CodingNepal
    @CodingNepal  Рік тому +14

    Get Source Code of this Snake Game: buymeacoffee.com/codingnepal/e/278852

    • @noumanabegum
      @noumanabegum Рік тому +2

      source code?

    • @CodingNepal
      @CodingNepal  Рік тому +1

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

    • @Pugazhendhi-d3b
      @Pugazhendhi-d3b Рік тому

      Do u have Architecture diagram and module for this project

  • @zillalsenmesrane1022
    @zillalsenmesrane1022 Рік тому +6

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

  • @devsilva7155
    @devsilva7155 Рік тому +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.

  • @AriqTech
    @AriqTech Рік тому +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 Рік тому +2

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

  • @pooja3339
    @pooja3339 7 місяців тому +1

    How to make snake eyes ??

  • @kingchobo
    @kingchobo Рік тому

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

  • @davidconteh2231
    @davidconteh2231 Рік тому +2

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

  • @mohammedalgourch3077
    @mohammedalgourch3077 Рік тому +1

    Thank you.. You explained it clearly

  • @Stardippedd
    @Stardippedd Рік тому

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

  • @nosibahassan8971
    @nosibahassan8971 Рік тому +1

    Thank you very much 😍🥰

  • @rudra9535
    @rudra9535 Рік тому

    absolutely loved it. amazing work. you rock man.

  • @S-Lomar
    @S-Lomar Рік тому +1

    Well done

    • @S-Lomar
      @S-Lomar Рік тому

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

  • @yubiroaster6285
    @yubiroaster6285 Рік тому +1

    Most waited video ✨❤️

  • @Countdownseries193
    @Countdownseries193 Рік тому +1

    Brillint thing sir

  • @gamingshorts2809
    @gamingshorts2809 Рік тому

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

  • @GoldDiscover333
    @GoldDiscover333 Рік тому

    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

  • @LuisMedina-dk3vc
    @LuisMedina-dk3vc 7 місяців тому

    Amazing. Thank you so much.

  • @S-Lomar
    @S-Lomar Рік тому +1

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

  • @BroironxAviation
    @BroironxAviation Рік тому +1

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

  • @CodingW3
    @CodingW3 11 місяців тому

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

  • @studentimantha5345
    @studentimantha5345 Рік тому

    Awesome

  • @LoopPool_YT
    @LoopPool_YT Рік тому +1

    شكرًا

    • @CodingNepal
      @CodingNepal  Рік тому +2

      Thank you for your support

    • @LoopPool_YT
      @LoopPool_YT Рік тому +2

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

  • @S-Lomar
    @S-Lomar Рік тому +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 🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏

  • @TheLoona
    @TheLoona Рік тому +1

    😂 love this video.

  • @danzarifin
    @danzarifin Рік тому

    amazing...

  • @debabratagon7289
    @debabratagon7289 9 місяців тому

    What if the food appears in the body of snake?

  • @surajghimire7107
    @surajghimire7107 Рік тому

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

  • @mdms4549
    @mdms4549 Рік тому

    It was great, I was excited😄🙂😊

  • @harunwarsame3027
    @harunwarsame3027 Рік тому

    U r the best🥰

  • @asmet_2701
    @asmet_2701 Рік тому

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

    • @gandhibarra3036
      @gandhibarra3036 Рік тому

      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.

    • @asmet_2701
      @asmet_2701 Рік тому

      @@gandhibarra3036 thanks I even forgot about this project

  • @luissosa7685
    @luissosa7685 Рік тому

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

  • @ThroubleMaker
    @ThroubleMaker Рік тому

    Teach me how to make a thermometer

  • @Jay-eg9mv
    @Jay-eg9mv Рік тому

    Can anyone explain how the snake length expansion is working?

  • @alixerkmir2097
    @alixerkmir2097 Рік тому

    😪 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

  • @supriya_codes
    @supriya_codes Рік тому

    changeFoodPosition is not working....help plzz

  • @atandaoluwadamiloladavid7673

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

    • @CodingNepal
      @CodingNepal  Рік тому

      Can you check now: www.codingnepalweb.com/

    • @atandaoluwadamiloladavid7673
      @atandaoluwadamiloladavid7673 Рік тому

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

  • @alixerkmir2097
    @alixerkmir2097 Рік тому

    😬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 Рік тому

    Good

  • @sojibhasan4759
    @sojibhasan4759 Рік тому

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

    • @baazigar5
      @baazigar5 Рік тому

      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 😅

  • @Gostosolucas
    @Gostosolucas Рік тому

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

  • @webPro_faizan
    @webPro_faizan Рік тому

    Bro added you're sounds

  • @thisishabib744
    @thisishabib744 Рік тому +1

    Please start a react js projcet

    • @TheLoona
      @TheLoona Рік тому

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

    • @Solomonwo
      @Solomonwo Рік тому

      Yes

    • @AlexFetfa
      @AlexFetfa Рік тому

      @@TheLoona better for getting a job

  • @nguyentienkha2908
    @nguyentienkha2908 Рік тому

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

  • @razarukhsar8479
    @razarukhsar8479 Рік тому

    SOURCECODE PLEASE

    • @L1CBot
      @L1CBot Рік тому +1

      in the description

    • @CodingNepal
      @CodingNepal  Рік тому +2

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

    • @L1CBot
      @L1CBot Рік тому +1

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

    • @razarukhsar8479
      @razarukhsar8479 Рік тому

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

  • @nakulmittal9953
    @nakulmittal9953 Рік тому

    18:00

  • @samoeurnartjr9535
    @samoeurnartjr9535 Рік тому

    I don't success for this project

  • @S-Lomar
    @S-Lomar Рік тому

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