ASMR Programming - Coding a Breakout Game - No Talking
HTML-код
- Опубликовано: 11 июл 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 29 - 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 bouncing ball game with javascript. we create a project that you can play breakout game with javascript❗️
Day 29 - 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 29)
00:20 - Warming hands
00:26 - Main codes
01:08 - Html coding
01:20 - Styles
02:11 - Main js codes
03:34 - Bricks vars
04:09 - Bricks array
04:57 - Mouse events
05:58 - Draw paddle
06:42 - Draw ball
07:21 - Draw bricks
09:10 - Track score
09:42 - hitDetection()
11:14 - Main function
13:52 - Set interval
13:57 - 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
Today we have a nostalgic game in our 100 days of javascript playlist 🙏 please like video to support my channel ❤️
And Space Invaders, Thank’s
🙏❤️
This is amazing brotha . I am watching all your videos . It’s like therapy and also I learn s lot from them . Thank you!
Thanks 🙏❤️
You are becoming a pro at taking me back to my childhood 😂
Thanks 🙏❤️
You were doing this as a kid?
@@moosethegoose8581 haha not developing no, I mean playing all these classic/retro games (aging myself here I guess)
Why kid!
🙏❤️
You are doing such an excellent job, keep up the great work!♥
Thanks a lot bro 🙏❤️
As always, you were excellent. Good luck to you.😍
Thanks a lot bro 🙏❤️
Now that's awesome
Thanks 🙏❤️
Oh my god how did you do that?!🔥🔥🔥♥️♥️
Please like video to support my channel 🙏❤️
*Nice Video , Please continue on your way* .
Thx 🙏❤️
Nice video as always, what program do you use to make your mouse have that red line :)?
Thanks, it’s screen recorder effects 🙏
Awesome
Thanks 🙏❤️
Great Coder
Thanks so much 🙏
Fantastic.
Where do you find the ideas of your projects?
Thanks 🙏 with searching over internet
please share new examples about canvas loving your content
Yes we will have 😉 Thanks a lot 🙏❤️
What framework do you use? I wanna try Javascript but i dont get it with react and node because i get confused with a lot of folders and files.
I understood with this way, only 3 files.
Hi, we will have complete framework tutorials in channel so you don’t will confuse 😉 now we just use html css and js 🙏
What mechanical keyboard is that? - I can tell its a 60% but what brand / model etc.
Hi, it’s Akko keyboard, full info on description 🙏
Make an unboxing and asmr video of just this keyboard
Bro channel is about web coding, we can’t upload content about other things!
Cool project !
Mmm ...
What's the name of your extension you use to show the error on live !
Thanks 🙏 it’s error lens extension
what program are you coding in? it looks so nice xD
Hi, visual studio code
Hi may i ask what software you use to record
Hi, zd soft screen recorder
@@AsmrProg nice, can you also list your pc specs in description thanks
Lenovo legion 5 laptop, 10750H cpu, ram 32 gb, graphic gtx1660ti
First like ❤❤❤❤
Thanks for support 🙏❤️
I am hoping and waiting for php/MySQL tutorials anytime blue
Thanks 🙏❤️
hello, I don't have a racket hit, I checked all the codes, but the problem is the same, it would be nice if you could help :)
Hi, check my source code, link in description, if you want know your code bug, use online text compare tools and compare my source with yours 🙏
Hi. Which keyboard do you use?
Hi, it’s newmen gm610
@@AsmrProg Thanks!
🙏❤️
how did u get a transparent vscode background?
Hi, with glassit extension
@@AsmrProg ok thanks
🙏❤️
Hello brother. Can you help me, from where i can learn js in short time. I'm very weak in it. Thank you 😊
Hi, it’s need daily experience, else it’s hard to learn for beginners!
As always every week new game :)
Yes 😁
what's your keyboard please
Hi, in this video newmen gm610
Hello, I did everything, but it does not open for me live server
Hi, check my source, link in description 🙏
How to get a footer in the very bottom but not using the ignored absolute positioned footer?
There are too many ways, you can do it with flexbox and grids too
@@AsmrProg thanks for yor reply allot
🙏❤️
Hi, very good job. I'm a novice and can you explain just this part please : x = canvas.width / (Math.floor(Math.random() * Math.random() * 10) + 3),
y = canvas.height - 40. thx
This is first position of ball, we need random position so we use random() function 🙏
@@AsmrProg ho ok i understand, thanks !
🙏❤️
@@AsmrProg sorry other question 😅wath is dx and dy ? please
Ball movement steps.
Your theme's link please???
Hi, check my github, there is a repository about all of my vscode settings 🙏
You know what im just gonna say it
You DO NOT deserve 115k subs
YOU DESERVE 115M SUBS❤❤❤❤
Thanks so much 🙏❤️
o virgülü bulamıyom ya
Sorry, what comma!?
what a comma bro
It was mistake!
How i learn javascript like you ?
Hi, you need have experience with mini projects and search about it!
What’s wrong with his hands?!
Hi, what’s problem?!
It feels like the footage was glued together
It’s edited video!
this shit doesn't even work. I perfectly copied his code and shit does not even show up
Hi, your code have bug, check my github source available there