EASY Pong Game in JavaScript Tutorial - QUICK BEGINNER PROJECT

Поделиться
HTML-код
  • Опубликовано: 8 фев 2025
  • Easy Pong Game in JavaScript Tutorial - QUICK BEGINNER PROJECT
    Hey there! In this video, I'm going to show you how to make a fun and simple Ping Pong game using HTML, CSS, and JavaScript. This is the perfect project for beginners or anyone looking to add to their skillset.
    I'll take you step-by-step through the process of setting up the game board using HTML and CSS, creating the paddles and ball using JavaScript, and coding the basic mechanics of the game. By the end of this video, you'll have a working Ping Pong game that you can play with friends or share with the world.
    So, if you're ready to dive into the world of coding and learn how to make a game, make sure to watch this video till the end. Let's get started!
    Github source code: github.com/dev...
    Original author: tinyurl.com/yc...
    Tags:
    javascript ping pong game,devression,javascript game project,javascript pong game tutorial,how to make pong in javascript,html css javascript pong game,html css javascript project,javascript project for beginners,ping pong game using javascript,pong game javascript code,html css project,pong html css javascript,html css javascript tutorial,javascript project tutorial,JavaScript Projects for beginners,html,css,javascript,javascript web development,javascript pong

Комментарии • 52

  • @mr0o
    @mr0o Год назад +64

    Cool project, but you didn't explain any of the javascript. The video would be a lot longer, but it would be more beneficial if you explained what you're doing

    • @theonepeiceguy6969
      @theonepeiceguy6969 10 месяцев назад +4

      true

    • @TheVR_Zone
      @TheVR_Zone 4 месяца назад

      yea i agree i clicked on for that tbh but great video

    • @isayaps
      @isayaps 3 месяца назад

      He kinda did? He added comments.

  • @Fabian-bd8mi
    @Fabian-bd8mi 10 месяцев назад +6

    I started this project with you and suddently you tell me that youre gonna speed through the javascript part? That was the only reason why im here lol. Thanks for wasting my time

  • @crazycobrago
    @crazycobrago Год назад +22

    As a beginner, I would appreciate a longer version where you did explain the code. Very cool, though!

    • @lyon8539
      @lyon8539 Год назад

      Does it work? My code has 8 faults

    • @eye_hope8507
      @eye_hope8507 11 месяцев назад

      mine has no error but does not run
      @@lyon8539

  • @dev_ression
    @dev_ression  2 года назад +2

    What project would you like to see? 😊

  • @kasunwitharana2933
    @kasunwitharana2933 Год назад +5

    It's better to describe, cause beginners don't understand most of codes in the project, And experts don't watch the videos for YT, always Beginners use to learn so it's better to give projects for beginners to with describing codes

  • @MaahirCodes
    @MaahirCodes 2 года назад +6

    Hey there, i just came across your channel! What amazing quality and production your videos have!
    Me personally ive watched multiple java tutorials but yours deff stands out
    Highly underrated, deserves a lot more reccognition

    • @dev_ression
      @dev_ression  2 года назад +1

      Thank you very much for the kind words :)

    • @MaahirCodes
      @MaahirCodes 2 года назад

      @@dev_ression no problem dude
      Also I’d love to watch a video about coding a calculator in jawascript

    • @dev_ression
      @dev_ression  2 года назад

      @@MaahirCodes I’ve made one on my channel :)

  • @businesshomeschooling
    @businesshomeschooling 7 месяцев назад +1

    I want my son to follow along but I dont know what program you are using, or how to get to the screen that you are on. Any help would be great

    • @dev_ression
      @dev_ression  7 месяцев назад

      Hi, thank you for watching! The IDE I use is called VS Code.

  • @isayaps
    @isayaps Месяц назад

    should've added a pause feature for this game

  • @tahzib1451
    @tahzib1451 Год назад +2

    if i want to do a pvp what do i need to change the AI command as? duplicate the player1 codes to be player2?

  • @gokusgunz8002
    @gokusgunz8002 Год назад +1

    I finished it and everything works except when I “press any key to begin” whe screen goes white until I loose (cause I can’t see) then it says game over and restarts. Any ideas?

  • @d3oxys985
    @d3oxys985 8 месяцев назад

    I appreciate this videos quality and its cool to have something to code along and create something my own but this is not a tutorial and it definitely does not contain 'easy' considered code!

  • @ironmaiden12369
    @ironmaiden12369 Год назад +2

    Bro just left out all the parts you clicked on this video for. 0/10 vid fams

  • @sagaribag3198
    @sagaribag3198 5 месяцев назад

    Is this is a offline game??

  • @MaahirCodes
    @MaahirCodes 2 года назад +2

    Also what theme do you use in VSC?

    • @dev_ression
      @dev_ression  2 года назад +1

      It's called "Palenight (Mild Contrast)"

  • @cherryberry4264
    @cherryberry4264 3 месяца назад

    It won’t let me use a font without a css file

  • @Dani-wb3gj
    @Dani-wb3gj Год назад

    if i launch the html file afterwards, it doesnt show what i coded in the js file. Just the html. How can i fix this?

    • @dev_ression
      @dev_ression  Год назад

      Check that you have linked your JavaScript file correctly inside your HTML code

    • @Dani-wb3gj
      @Dani-wb3gj Год назад

      @@dev_ression it is, but it still just shows the html text

    • @dev_ression
      @dev_ression  Год назад

      @@Dani-wb3gj check to see if your web browser console is showing any errors. You can access this by right clicking on your web page and hitting “inspect element”. Then navigate your way to the console.

    • @Dani-wb3gj
      @Dani-wb3gj Год назад

      @@dev_ression I see two errors in the console: Failed to load resource: net::ERR_UNKNOWN_URL_SCHEME
      script.js:56 and Uncaught ReferenceError: player is not defined
      at Object.initialize (script.js:56:23)
      at script.js:367:6
      what do i do?

  • @eye_hope8507
    @eye_hope8507 11 месяцев назад

    whats your extensions on java coz idk why mines not working.. T_T

    • @bestpaperairplanes3995
      @bestpaperairplanes3995 11 месяцев назад +1

      IF you have visual studio code there should be an icon of extensions and you search up Live Server and click install. It should work after.

  • @voodog4414
    @voodog4414 Год назад +3

    Wow straight to the point!
    Read More

  • @naouz1nho
    @naouz1nho Год назад +2

    no explanation of js :( sad

  • @shammmsss
    @shammmsss Год назад +1

    how do i show to other people

  • @Talel_kraiem
    @Talel_kraiem Год назад +1

    you are really amazing

  • @m17ronshoh
    @m17ronshoh Год назад

    Second round is not working

  • @DarioCastagnola
    @DarioCastagnola 4 месяца назад

    Love how this is called a tutorial, but there is literally no explanation of what is being done. I could have copy and pasted it from github at this point, pretty worthless

  • @itsizeam5428
    @itsizeam5428 Год назад +1

    i watched a 24 hour java chourse and barly understand half of this :/ bruu

  • @jakelockitch1944
    @jakelockitch1944 11 месяцев назад

    anyone wanna copy paste the code here?

    • @dev_ression
      @dev_ression  11 месяцев назад

      Link is in the description

  • @xr_mortal1212
    @xr_mortal1212 11 месяцев назад

    Baka

  • @aminshams6437
    @aminshams6437 7 месяцев назад

    help plssssssssssssssssssssssssssssssssssssssss

  • @shubhampatidar5684
    @shubhampatidar5684 Год назад +1