ASMR Programming - Gameboy Tetris Clone in JavaScript - No Talking
ฝัง
- เผยแพร่เมื่อ 22 ก.ค. 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 74 - 100 days javascript coding ⚜️
🕹️ Dive into the nostalgia of the classic Gameboy Tetris with this fun and interactive clone built using HTML, CSS, and JavaScript! 🌟
In this video, we'll explore the process of recreating the iconic Tetris experience right in your browser. From designing the layout with HTML to styling it with CSS for that retro vibe, to implementing the game logic with JavaScript, every step is covered to help you understand the magic behind this timeless game.
Join us as we delve into the code, unraveling the secrets of game mechanics and user interactions. Whether you're a seasoned developer looking to brush up on your skills or a Tetris enthusiast eager to relive the thrill of stacking blocks, this tutorial has something for everyone.
So grab your virtual Gameboy and let's embark on this coding adventure together! Don't forget to like, subscribe, and hit the bell icon for more exciting content. Happy coding and happy gaming! 🚀🎮
Keyboard Info : Skyloong GK61 Pro
Keyboard Link : skyloongtech.com/skyloong-gk6...
Skyloong Instagram : / skyloong_official
Email : info@skyloong.vip
Facebook : / skyloongvip
TH-cam : / @skyloong
Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course :
• 100 Days of JavaScript...
Day 74 - 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 73)
00:37 - Warming hands
00:43 - Main codes
01:18 - Adding p5.js
01:48 - Adding fonts
02:11 - Styles
02:36 - Variables
05:18 - Setup function
06:19 - Draw function
14:05 - Update stats
15:45 - Explain controls
16:17 - Game over
17:19 - Keys function
18:46 - PlayPiece class
31:15 - Handle input
35:05 - Square class
37:24 - pseudoRandom()
38:19 - Analyze function
39:30 - Check lines
41:41 - Worker class
43:15 - Reset function
44:26 - Fixing bugs
45:02 - 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...
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
👩💻🚀 Dive into the coding world with us! Drop your comments and likes to support! Let's grow together! 🌟💬
Hi please send the GitHub address
why dont u use ai like chatgpt or blackbox or anything like that to generate the basic code and then u can edit the code according to you and write the bit advanced code by yourself, so u can code faster and your videos will be also of shorter length, so no one will think that the video is so long and get bored or skip the video to a specific part
Please make video editor webapp
Thank you very much dear reza ❤
کارت درسته موفق باشی ❤
Hi, i have watch one video about tetrix on your channel, its one year ago, so is there a big differennce between both video? ( except the line count and the border of block make it more professional ), both are amazing
please rep if you can, thank sir
Great🎉
Hi, what is your VS code theme? Didn't find this on your github setting repo.
awesome
Awesome. How do you film your hands from above?
Hello, I want to buy a laptop. Can you advise me which one is HP for programming? I want it
ASUS ProArt Studiobook OLED (H7604
🤩
so you wrote this in one shot without any testing?
1:27 😂🎉
Please make a tutorial for making a game top up website with automatic payments
❤
@AsmrProg sir please create a playlist for new programmers starting from the scratch with commentary(Beginner 🔰 to Pro Coder)
Hi, answered in your another comment 🙏
2 questions. Why in javascript and why do u not have arrow keys.
About Keyboard: Its a 60% keyboard. Don't have arrow keys, f1-12 and numeric keyboard. All of theses keys are inside of other keys and are enabled using the "FN" key + correspond key. (arrows are inside of A-W-S-D)
🤩🤩🤩🤩🤩
Hey
Please help code html css JavaScript php MySQL sql?!
I wrote the exact same thing, but my desktop is black. ☹️
❤❤❤❤🎉
I just cant understand how you know exact code from your head....😊
Hello mahdi how have you been?❤
Блин как ты это все выучил, я HTML, CSS выучил а JavaScript не могу😂
you can creat a ai chatbot for our own website please give it to video big fan....................🙂
This guy definitely plays OSU
🙏😉
At the beginning, listing almost all global variables can be overwhelming. Instead, we should declare only the variables needed at present and add others as we encounter them later. It seems like you first wrote everything out and then typed it again, leaving out much of the actual development process. Throughout, you've only been appending code without ever revisiting, modifying, deleting, or adding to previous code. This approach offers little advantage over simply examining the final code and is also time-consuming, as it omits the authentic development process.
💀
Why!
mishe bidhtar bazi code bezani ? jaleb taran
Plz tell me what's the editor font?
Hi, Cascadia Code 🙏
@@AsmrProg Thank U! 🙏
❤