ASMR Programming - Coding Tetris - No Talking
ฝัง
- เผยแพร่เมื่อ 22 ก.ค. 2024
- Hello my dear coders,
I made a tetris game with javascript and html canvas. Hope you enjoy it 🎉🎉
My twitter account: gulnaroglus
You can play the game on: servetg.com/tetris
Enjoy! 🎉🎉
Twitter: / gulnaroglus
👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻
Source code : github.com/servetgulnaroglu/t...
Live a star on github, if you enjoy!
👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻👨💻
📦📦📦📦📦📦📦📦📦📦📦📦📦📦📦
All the products in this video
⌨️ Keyboard: IQUnix OG80 Wormhole TTC ACE switches and Costar Stabilizers (5% discount)
iqunix.store/servetgulnaroglu
🖱️ Microsoft Bluetooth Mouse
amzn.to/3UFgHl5
🖥️ Monitor ASUS VA24DQ 23.8” Monitor, 1080P Full HD, 75Hz
amzn.to/3BB5ppa
💻 2021 Apple MacBook Pro (14", Chip Apple M1 Pro con CPU 10-core e GPU 16‑core, 16GB RAM, 1TB SSD)
amzn.to/3DHAKJn
🎤 Rode NTG4+ Shotgun Microphone
amzn.to/3S4pD1B
📦📦📦📦📦📦📦📦📦📦📦📦📦📦📦
00:00 Showing rotations.png
00:22 Preparing html file
01:28 Running live-server
01:58 Coding tetris.js
02:10 Tetris class
03:36 Constants
04:26 Adding img tag
05:29 Array of all tetris shapes
08:57 Variables
09:37 gameLoop()
10:51 reset()
12:52 draw()
13:55 drawBackground()
16:50 drawCurrentTetris()
20:40 Solving a bug
21:58 First drawing
22:41 checkBottom()
25:28 First fall down
26:17 update() continued
28:30 drawSquares()
31:33 Adding a keydown listener
33:12 moveBottom()
33:57 moveLeft()
34:30 moveRight()
35:40 Solving if bug
36:16 changeRotation()
40:06 checkLeft()
42:09 checkRight()
43:00 checkRotation() continued
45:36 deleteCompleteRows()
49:41 nextShapeCanvas
51:00 drawNextShape()
53:42 scoreCanvas
56:23 Solving a bug
59:21 Copying replay svg
01:00:00 Restart Button
01:03:44 drawGameOver()
01:06:49 Done - บันเทิง
You can visit servetg.com/tetris to play 🚀
crack
Which keboard is it ?
Sir your keyboard is beautiful price
Bro how you do this fast typing
@@BocaElMasGrande7 Los copia de una fuente escrita que está viendo. Tiene un proyecto de una dona girando escrito en C, pero es el mismo proyecto de otro TH-camr que lo publicó hace 2 años a este video. Esta persona sólo está presumiendo proyectos que copia de otros.
Literally programming my own 3D Tetris for over a week now. And then this guy does it in an hour.
In Vim on top of it.
idk how did he memorize every inch of it's algorithm and logic, it took me 4days and a hundred google search
@@kodiak809 i think he did the 4 days and google searches before the time, and then what we're viewing is probably take 27 where follows a script and storyboard.
Maybe he is a legendary programmer who answers every question on stack overflow
and make it with vim!
Lovely Vim setup! Thank you! :D
Been programming professionally for almost 10 years and this kid would wipe the floor with me 😭
Come on, a dev with 10 years experience. You must be able to sniff bullshit by now, it’s actually a big part of the job when it comes to code reviews🤪
@@hey_james thats because bro is probably lying about being a dev for 10 years
@@paladin9876 no, no senior devs are just jr devs with a better title.
This isn’t real time development. He probably has a second monitor that he cross references. That’s probably the pauses every couple of seconds. No doubt he worked hard to make it but he’s copying it down for a satisfying asmr programming vid
@@ezrakornfeld8436 Very true. He probably made this project already over several days and then made references. Never trust how fast people "code" on youtube. In reality it's often far slower and more about looking up why something isn't working lol.
Videoların devamı gelsin , Çok faydalı olmuş, Teşekkürler hocam , Thank you so much 🙂🙂🙏🙏
Servet, ellerine sağlık çok eğitici bir videoydu benim için artık tetris yapabiliyorum ancak hala oynayamıyorum. Teşekkürler.
Wow videos like this are uniquely inspiring.
I must say, this is surprisingly nice for running in the background.
Man your keyboard sounds good. just like music to my ears
altho this wasnt intended to be a tutorial, i'd still consider this the best coding tutorial ever
hey do you know which theme he used ?
hei do you know which theme he used?
Didn't know i needed this in my life
Great video and coding!
Just visited the website to play, and just tested with a bug: when the block reaches bottom, you immediately rotate it.
Hope you have time to fix it :D Great video though, love the sound of your keyboard, keep it on!
Nice work mate!
Hey man, what you think of add a little window showing in real time the keys that you press? It will be awesome!
@@icloud36 no he didnt
That was fun to watch. Now to add levels.
one minor thing: rotation only checks boundary of the grid for collision detection, but not the existing shapes come before it, which can/should also block rotations. You can test it by having a "L" shape 1 row away from another shape, then try rotating it, see if it goes "into" the other shape.
This man must’ve been born programming
I'm still in the learning coding process (month10) but finished my first attempt at Tetris about a month ago. God I almost lost my mind trying to figure it all out; and yep the code looks like spaghetti junction at the moment. I'll go back and refactor once I get over the trauma 😆 - this will do for an ASMR and a big amount of learning too; how to do things the proper way!
Hey that's so cool!!, Thank you so much!, Though can you post what plugins you have for vim
This is sooooooooo cool!
Hay quá đỉnh nhìn mà hoa hết cả mắt huhu @@
What part of the code did you put the images from rotations.png ?
I just want everyone to know that this is some one who has practiced and studied not just this one thing he is doing but much coding in general. He did not sit down and just pour all this out straight from his fingertips. He made this before and knows the process to do it. Again, this is not just sitting down and letting the code flow out. No one does that.
yeah.
He takes at least 1-2 weeks to create these types of videos and then he writes down the code. He solves bugs and then he records tutorial videos.
@@vaibhavnayak3416 Amazing to watch regardless but I wanted people to know so they don't get discouraged. If anything, his videos are reason to work even harder; would it not be wonderful to be at that level? I wish everyone the best.
Sorry, what tool do you use to measure the height and width of the image (or hotkey) in macos? Thanks
very relaxing
i m more impressed with this guy's VIM skills
Hi! can you tell me how did you learned programming? from books or you was in a programming school?
just asking! have a good day
What's your programming environment specifications? Which OS , which theme how did you configure?
What switches does your keyboard have? Mine has the MX blue.
Hello, and where can I see your VIM settings for working with JS?
hey do you know which theme he used ?
mozhesh zabit, u nego nikakoy config maximum bufferline something else and CoC tsserver, esli hochesh normalni cfg, to tebe chris machine, devaslife, devonduty.
i like this guy because he doesnt fucking talk when typing.
Just started learning JavaScript and seeing all this is just crazy lol
Saaaaameee
do you like that keyboard? i bought it 2 weeks ago and iam returning it because i feel alot weak the switches
how did you get your vim to look like that?
Dude. This guy is gigachad.
Perfect bro 👌
Elinize sağlık 💯
Adam tam bir sanatçı ya
Nice video!
Merhaba Servet screen hangi programla kayd ediyorsun?
this amazing
Works well!! DANKEEE
Great!!
Love tetris
Hello Servet, i was wondering can you give a little information about your mac pc?
What theme are you using?
Merhabalar Servet Hocam, vim konfigurasyonunu paylaşırsan ya da bununla ilgili bir video gelirse mükemmel olacak :D
良い音
what do u use for your terminal to look like this?
I know this is an old video but how do you make vim look like that??
Where can I find your vim configuration? Haha it looks really nice…
Gooood
hocam klavyeniz çok güzel görünüyor. modeli nedir?
Birde sadece dinleyince çok rahatlatıcı bir video olmuş :D
hey do you know which theme he used ?
Keyboard: Epomaker gk68
Arkadaş epomaker gk68 olduğunu söylemiş
im new to code , isnt c++ better for game ? or at least python ? so why html ?
это просто чудесно!
man, love that keyboard from where is it??, it looks like that is done it especificly for programmers, I'm frontend junior that's the reason hhahaha.
🤓
mis respetos saludos!!
hey do you know which theme he used ?
Where do you find those fun looking coding projects?
what is your text editor in this video?
I like this keyboard you using, what name of the keyboard ?
Try swapping Escape and CapsLock keys, and activate the "relative line number".
You wont believe how much better it is.
Switching escape and caps lock is a great tip, thanks a lot. Vscode user but I ocasionally use vim and it's enjoyable except that switching modes can be tedious
How did you solve the problem at 1.06.24
The software you use make code?
what is terminal theme that you’re using?
what program do you program with?
You are new! favorite.
Cool
good video and good game
What are these programs, sublime text?
So cool😎
what theme are you using?
dude which program are you using in macbook
What's the font you're using?
Which is the program that you use?
hey how do you program so much and not have pain in your wrists :c, can you make a video about it? 😥
what os are you using?
What kinda keyboard do you use?
great, would you let me use it for a school project??
what kind of keyboard do u use
Did you code this on your own on your first try or you did refer some article or book ?
Woow this is soo cool You write Code Gooding Iam Wanted To Become how you
Which keyboard is this? Pls answer
What keyboard do you use ?
Alguem pode me dizer qual tipo de programação ele esta usando ?
what IED did you use
abi,what is the keyboard model?
How name your console?
Can’t you program this all with chatgpt?
무슨 키보드 쓰시나요?
Hi, just a little question, can u give the references of ur keyboard (bc I suppose it is a custom keyboard)?
It is a keychron, not sure what switches. Not blue. Maybe red or brown.
@@vision2080 ty I will check this :)
what mouse are you using?
What do you use to code
which IDE are you using
What is the keyboard model?
What did u actually use for coding and making game?
whats the name of your keybord?
Hello, I love how program. One question, what keyboard do you use?
keychron or something
EPOMAKER GK68X/GK68XS
Definitely a Keychron Series
It's an Epomaker SK64. The single red delete button and esc, and the arrow keys are characteristics of this model.
Thanks bro
which mac are you using
hi! what ide does u use?
what is brand of your keyboard