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
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
true
yea i agree i clicked on for that tbh but great video
He kinda did? He added comments.
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
As a beginner, I would appreciate a longer version where you did explain the code. Very cool, though!
Does it work? My code has 8 faults
mine has no error but does not run
@@lyon8539
What project would you like to see? 😊
pubg
a video explaining the code
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
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
Thank you very much for the kind words :)
@@dev_ression no problem dude
Also I’d love to watch a video about coding a calculator in jawascript
@@MaahirCodes I’ve made one on my channel :)
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
Hi, thank you for watching! The IDE I use is called VS Code.
should've added a pause feature for this game
if i want to do a pvp what do i need to change the AI command as? duplicate the player1 codes to be player2?
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?
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!
Bro just left out all the parts you clicked on this video for. 0/10 vid fams
Is this is a offline game??
Also what theme do you use in VSC?
It's called "Palenight (Mild Contrast)"
It won’t let me use a font without a css file
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?
Check that you have linked your JavaScript file correctly inside your HTML code
@@dev_ression it is, but it still just shows the html text
@@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.
@@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?
whats your extensions on java coz idk why mines not working.. T_T
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.
Wow straight to the point!
Read More
no explanation of js :( sad
how do i show to other people
Source code is on my GitHub :)
you are really amazing
Thank you for watching :)
Second round is not working
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
i watched a 24 hour java chourse and barly understand half of this :/ bruu
Probably because we’re not using Java in this tutorial bro 😂😭
@@dev_ression o
Oops
anyone wanna copy paste the code here?
Link is in the description
Baka
help plssssssssssssssssssssssssssssssssssssssss