ASMR Programming - Pong Game in JavaScript - No Talking
HTML-код
- Опубликовано: 5 авг 2024
- Hello Everyone ✨I am starting a new series following the challenge of 100 days of code. i will create random apps, web apps, and all things that you need to know about javascript 😎
Become a Javascript Developer now with our 100 Days of Code javascript Development Bootcamp course!✅
day 33 - 100 days javascript coding ⚜️
Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course :
• 100 Days of JavaScript...
In this tutorial, I am gonna showing to you how to code a pong game with javascript. we create a project that you can play ping pong game with javascript❗️
Day 33 - Source Code : github.com/AsmrProg-YT/100-da...
source of all projects also will upload in AsmrProg github page :
github.com/AsmrProg-YT
with this coding bootcamp you will learn how to be an javascript developer✅
Follow my 100 days of javascript playlist i will upload video's of javascript projects in it for easier access and video's in this playlist sorted by day 1 to day 100 😉
100 days of javascript Playlist : • 100 Days of JavaScript...
Every week i will update this playlist ✅
Video Contents :
00:00 - Intro (100 days of code - day 33)
00:32 - Warming hands
00:38 - Main codes
01:06 - Html coding
01:12 - Main styles
01:34 - JS coding
03:02 - drawNet function
03:50 - drawRect()
04:27 - drawCircle()
05:31 - drawText()
06:38 - Paddle object
07:10 - Ball object
08:00 - Define paddles
08:55 - Define ball
09:26 - movePaddle()
10:25 - collision function
11:24 - resetBall()
12:19 - Update logic
17:07 - render function
17:37 - gameLoop()
20:47 - Fix bugs
21:23 - Final Result
Asmr Game Coding Playlist : • ASMR Game Coding
Other Video's :
Coding a Snake Game : • ASMR Programming - Cod...
Movie Guide App Coding : • ASMR Programming - Mov...
Coding IOS (IPhone) Dynamic Music : • ASMR Programming - Cod...
Subscribe → bit.ly/3Lf1K4A ✅
Subscriptions, good comments and likes are great support for me 😍
Don't re-upload or edit the videos on your channel.
All copyrights by AsmrProg.
About AsmrProg Channel :
Here I upload ASMR programming tutorials related to HTML, CSS, Sass, JavaScript, React, PHP, Frameworks such as Bootstrap and more along with creative UI/UX Designs.
AsmrProg is a community for web developers from all levels to learn and grow their skills in front-end and back-end web development.
AsmrProg
Asmr Prog
ASMR Programming
ASMR Coding
ASMR keyboard typing
ASMR web design
ASMR coding html
ASMR coding website
No Talking ASMR
No Talking Coding
No Talking Programming
Please LIKE video to support my channel 🙏❤
Check our github if you want to change game level to easier : github.com/AsmrProg-YT/100-days-of-javascript ✅
please bring more of this series pleasennn
Hi, yes we will have 😉
Your codes are cool as usual
Thanks 🙏❤️
great video dude❤
Thanks 🙏❤️
Best development content creator👏🏽👏🏽👏🏽
Thanks 🙏❤️
@@AsmrProg to you man, for you I have been learned so much!💪🏽
Sorry for my bad English 😅
🙏❤️😉
Oooooh, nice job ❤
I hope that you someday makes a normal website talking about something, it can be you and it has some advanced type of buttons and styles on the screen.
Otherwise, you are still on the top ❤
Thanks a lot for your good words 🙏❤️
Just telling the truth 😁
🙏❤️
@@AsmrProg Does anyone know how to place the cursor like this?
please tell me
@@ninjagames2368 Does anyone know how to place the cursor like this?
please tell me
Cool!
Thanks 🙏❤️
Beutiful font!😊
Thanks 🙏❤️
Very good, you know more bro
🙏❤️
i need to know what theme are you using, this blurred picture is just perfect
Hi, for blurred pic I’m using glassit extension
My brother would like to join you to learn to develop and program. I am reaching my goal. I have been in the world of programming for 5 months.
You already know how to develop a website, you are a great programmer, greetings from Colombia
Thanks 🙏 we will have full courses soon 😉
@@AsmrProg Does anyone know how to place the cursor like this?
please tell me
Nice video!!! and in one episode can you make an ai of dinosaur game. Please! 👋
Hi, you mean chrome dino game?
Yes I mean that 👋
We have it in our plan, but not soon maybe in next 4 or 5 videos
Does anyone know how to place the cursor like this?
please tell me
Hi, it’s screen recorder effects!
Hello, I have a question for you. I did exactly the same as you, following the video step by step, but for some reason on the local host (on the site itself), it's just a white screen, what I wrote there is strange.
Hi, i think your code have bugs! Check my source code, link on description 🙏
Could the next content be songwriting with artificial intelligence, it could include things like beat, lyric writing, verse creation.
Hi, need to work on it, next video i think will be donut animation because we have too many requests for it 🙏
Hiii 👋 sir big fan
Thanks, please like video to support my channel 🙏❤️
how did you make the green line around the mouse
Hi, it’s screen recorder effects!
at 18:17 can we replace 60fps with 30fps?
Hi, yes!
How did you make the line following it behind the mouse?
Hi, it's screen recorder effects!
@@AsmrProg Which
@@AsmrProg which
Zd soft
Zd soft bro
Hi, how you refresh you're website and seeing changes without saving or clicking on refresh button in google? Love you're Videos
Hi, it’s live preview extension 🙏
With live server
🙏❤️
Which software do you use for coding?
Hi, it's visual studio code
HI CAN YOU TELL THE EXTENSIONS USED IN THESE PROJECT BECAUSE IM RUNNING THE SAME CODE BUT NOT ABLE TO GET THE OUTPUT IN LIVE PREVIEW...
Hi, I’m using live server in this code
Still not getting the output 😭
Is your code correct without bug?!
@AsmrProg Yes! I've did exactly what you have done.
Check my source code in github, link on description, if problem not solved me send message to me on telegram, link on channel about page 🙏❤️
your are the GOAT
Why?
@@AsmrProg🤣
🤦♂️
@@AsmrProg please can you make an app for android
Bro android apps will be in another channel soon, we will have flutter tutorials there 😉
what command do i need to type to run the program?
Hi, nothing! It’s web coding you need just open index.html file 🙏
@@AsmrProg what type in the terminal? btw im already subscribe to you the other day
Nothing bro, just open file!
why do you use mainly javascript for styling objects?You could do it much faster with css ,and html .But with Js you could just do functional of the game ,the movement of the ball and others objects
Hi, it’s React js!
@@AsmrProghow you didn't connect React ,or you don't need to connect it ?
Hi, oh sorry i thought comment is on my last video! Sorry, here we set styles to canvas with js because we need to update it during the game 🙏❤️
Hi cool video i wanted to ask if you clould code the air pods detected notification (on IOS)
Hi, can you please explain it?!
@@AsmrProg Do you know the notification that pops up when you put airpods near an iphone.And when you click connect it tells the airpods battery and the case's battery.I was wondering if you could code it.
We can do it but not now! Because currently we are in 100 days of javascript coding!
@@AsmrProg ok good
🙏❤️
Bro please make video on css basic to advance please
For css and html we will start a complete course in channel 😉
@@AsmrProg when broo?
We will have it in our site, soon we will have site for channel
The app name please
I'm surprised by the patience you have to program in JavaScript, more than anything a videogame, I stress a little even programming games in Lua, but I can tell you're good at programming in JS, I also program in it, but I don't use the document functions, etc... By the way, I really like your vscode theme, I don't know if you made it, but if it's an extension, what's it called? Because I want to add a style to vscodium (I use vscodium, if that's what it's called, a vscode without microsoft basically).
Hi, Thanks, in this video it’s shades of purple theme!
Sir next Facebook, WhatsApp, twitter, google, P**nhub, Instagram, Snapchat, Teligram ... Clone please :)
We will have all one by one don’t worry 😉
@@AsmrProg sir, I have a question. I am working on a phishing web page. I need some clone web page. May I use your up coming clone HTML code ?
Extension for this glass theme, pls!
Hi, it’s glassit extension 🙏
@@AsmrProg tks bro ! Nice job !
🙏❤️
How many years of experience you have in javascript
Hi, ~3 years!
@@AsmrProg that's nice 👍
@@AsmrProg hope one day I can also write code like you
🙏❤️
Yes why no! Keep going on 😉
عشقه داداش
منم تو چنل یوتوبم کار شمارو میکنم ولی ویو خیلی کمی میگیرم اگه میشه خواهشا یه ویدیو هامو ببینی بگی مشگل کارم کجاست ❤
Salam dash khoobi, too telegram bem pm bede link tooye channel about 🙏
Keyboard Infomation?
Hi, in description 🙏
@@AsmrPrognothing about keyboard in description 😢
@user-vo2cp4zs9r oh, this one is newmen gm610 🙏
@@AsmrProg thanks!!
@user-vo2cp4zs9r 🙏❤️
Please make a canvas tutorial🟥🟥🟥
Hi, Check our ASMR Game Coding playlist, we have tutorials about it there 🙏❤️
@@AsmrProg thank you, I will check that
🙏❤️
what ?
What’s problem bro!
@@AsmrProgI don't speak English, that's the problem! I'm from Brazil.
!!!
I sent you a message on telegram send me wallpapers please
Hi bro! We didn’t get messages!
@@AsmrProg i sent you now from account kk
Yes received