We got a 5% discount on all the keyboards. You can check the name of the keyboard that I used in the video in description. yunzii-mechanical-keyboard.myshopify.com/discount/SERVETGULNAROGLU
One thing I love about programming is you learn every single day. I feel like how you created the map using nested arrays where the 1 represents a wall was mind opening. It is sooooo clever and glad I found something new today!
This is the goto method for generating a grid map in code. Represent the map using a 2D array where the state of each element represents a cell in the grid map.
Always love your videos and your keyboards are always top notch! Your videos inspired me to learn CSS and HTML! It has been 2 months since I started learning and I even started posting some web dev content! Latest one was making Google search page clone. I even added the responsiveness to it. 🙂Thank you Servet for inspiring me to learn! All the love ❤
This is an exciting project. I once implemented a Pacman as an interview project on mobile, and then re-implemented it in 3D. Also used similar level mapping technique for that. Amazing to see the live coding
Currently at the 15:00 mark in this video, and I'm already eager to fiddle with the map code you've built for other projects. This will be fun both to watch and to use as a reference tool. Thank you for posting!
Heavy vim user here.. I noticed you started using t motion to execute commands inside HTML tags.. big up for that in comparison to your last videos.. About vim commands, you should probably try v-block mode to edit multiple blocks of code (that would have been much faster in the map section to swap 1s and 2s) Keep going, love your content!
exactly what im thinking the whole time. if you are typing so fast that you make a mistake nearly every line you spend more time correcting it than if you were to just go a little slower
If thats how much it took to program a simple game like pacman into java script, imagine having to do this all on asm like how they did in the 80s. bravo as always.
Thank you for your videos. Because of you start learning html and css. I watch you maybe for half of year and i really love your content about clone of different pages, and i clone your code and it helped me to start learning web development.
Always love your videos and your keyboards are always top notch! Your videos inspired me to learn CSS and HTML! It has been 2 months since I started learning and I even started posting some web dev content! Latest one was making Google search page clone. I even added the responsiveness to it. Thank you Servet for inspiring me to learn! All the love
He coded it before and it definitely took him hours including a lot of googling and trial and errors (at least when he was coding pac-man for the first time). This is how programming works. Now he just created the project mainly out of fresh memory after figuring everything out.
without browsing google, documentation, or stackoverflow. and no minutes wasted staring at the monitor figuring out how to do something like us mediocre programmers usually do.
Im not sure if you're a coding channel, an asmr channel, or an asmr coding channel, but either ways, I loved watching this! Loved the keyboard sounds and also seeing the coding going on (as someone who doesn't know all that much about coding besides what I've seen a decade ago in one semester of computer science haha).
I have a suggestion for the sound of the keyboard. If you use a towel or t-shirt or something similar underneath it it makes it sound much thockier and less echoy and less woody.
I just want to say, thank you for this video! I didn't use it as an ASMR video, but instead I followed along and was able to learn many new things (I haven't done very much javascript before). I find it intriguing how you use VIM commands in VSCode. How did you discover that? And how long have you been learning VIM commands to have them just seamlessly integrated into your workflow?
I have never been programming or even near learning it but I started being curious as I dont really have any hobby and Im bored to the death how programming works and wanted to chill. Saw this video and I must say it was really satisfying watching you programming. I never new you can create map with just pure numbers, If I understood correctly you used 1 for creating wall 2 for creating empty space and 0 for deleting objects. I might actually start learning programming just for fun . Keep up with videos !
Can you make a tutorial on all the shortcuts you use to navigate the code without the mouse: like selecting text and replacing it, going left and right and to the end of the line.
One of the best asmr programming video I ever seen) Maybe next time you will add keycastr, because its iteresting to knew shortcuts you use in video and I cant understand sometimes what keys you type))
I think vim mode is slowing you down. I highly recommend learning VS Code's built-in key combos, they really are very very good. Line duplication is just alt+shift+down. Inserting a new line after the current one is ctrl+enter. You seem to be trying very hard to do clever/speedy vim keybinds and end up wasting time recovering when you mess them up
Vim is a journey and I am a passenger. I always learn new things about vim. And it's never gonna stop. I will be faster tomorrow than today for sure. Also, almost every IDE has vim extension. However, you can only use VSCode shortcuts in VSCode. Thank you for the advice though ✌
Servet bey ben de yeni yeni html css bitirdim senden rica etsem senin html-css sonrası öğrendiğin şeyler veya izlediğin yol nedir bilgi verebilir misin bu yorumun altına
Html ve Css sonrasi Javascript ögrenmen mantikli olur. Bu sayede olusturdugun butonlari, textleri, genel olarak web siteni interaktif hale getirebilirsin.
Css ogrendikten sonra bootstrap ogrenebilirsin cunku bazi css komut kumelerini tekrar tekrar projelerinde yazmak yerine bootstrap denen css kutuphanesiyle daha rahatca projelerinde kullanabilirsin. Ayrica tailwind css de ogrenebilirsin. Sonrasinda Javascript ogrenmen gerekecektir cunku front end developer olarak bir yol haritasi cikaracagini dusunursek React , Angular , Vue.JS gibi Javascript kutuphanelerinde kod yazabilmen icin Javascript bilginin olmasi gerekecektir. Cogu insan Javascript'i tam anlaminda ogrenemeden bu gibi Javascript kutuphanelerini ogrenmeye calistiklari icin zorlanirlar ve ogrenme cehennemine girerler. Ileriki zamanlarda sirketlerde calisirken cogu ilanda Typescript de istendigini goreceksiniz. Typescript , Javascript'e gore strongly typed dedigimiz degisken turlerinin oldugun , OOP dedigimiz prensibin yer aldigi kurallarin yer aldigi bir programlama dilidir. Kullanilmasinin sebebi , projede surdurulebilirligi saglayabilme , kodun daha okunabilir olmasidir. Ben mesela bir yazilimci aldim sonra cikti diyelim , gelen yazilimci projede kodu okurken oradaki degiskenin ne ise yaradigini turunu bildigi icin daha hizli adapte olacaktir. Dahasi da oldugunu dusunuyorum fakat benim aklima gelenler bu kadar. Internet uzerinde Front-End Developer Roadmap olarak arastirdiginiz zaman Ingilizce yazilar ve dokumantasyonlardan yorumlayarak bir yol haritasi cizebilirsiniz.
nicely done. I too made it in first year in c++ and WinBGIm. i didn't knew dikstra algorithm at that time so my ghosts would try to greedily decrease the distance between pacman and themself. This was stupid but gives a sense of someone is chasing pacman but they never could catch up unless two ghosts come from both sides. WinBGIm is a basic shape drawing lib so i too did all the movements, drawing, stupid chasing algo and everything myself and it came out nicely. I made a path for pacman of rgb(0,0,1) on which it travels so human eye cant see it but computer can. The thing which i'm really proud about it is that i made waypoints mechanism for ghosts to travel across map, each intersection and corners of the map were waypoints and ghosts would greedily correct there path towards pacman each time they come on a waypoint. Also i made it not to flicker during frame change which was cool too. nicely done man.
The ACTUAL Pacman is a bit more complicated than this. He didn't even put in the power pellets or give the Ghosts different behavior to simulate personality. Still, I'm not faulting him for it as this was good enough for the video.
I tried coding pacman a few years back. I knew very little about programming but I stil tried it. It was a very simple, incompleted version but I had fun though!
He's using VIM editor and shifting between modes (insert, command) using Escape key!!!! Dude that's crazy. It's so hard to get your fingers set on Escape key in VIM, and funny enough he's using middle finger for that :D BTW each time I install VIM the first thing I do is change in config file escape
Now, make them communicate to each other your location. Any ghost in range of another knows your location with a tier system for information. Only tier one information can be transfered which comes from the nearest ghost. The information will then go down a tier to be non-transferable.
We got a 5% discount on all the keyboards. You can check the name of the keyboard that I used in the video in description. yunzii-mechanical-keyboard.myshopify.com/discount/SERVETGULNAROGLU
But how do you push the butins so fast
now, i'm your follower
Hocam klavyeler hakkında video gelein
Bro I need to know the shortcutkeys that you've been using
which software
Coding all day then listening to someone code to relax. What am I doing with my life
haha
lmao
There right thing
Relaxing.
i am asking myself same thing
I listen to my husband programming all day and here I am, it's never enough 😂
😂😂
hahaha 🤣🤣
What keyboard does he use? 😁
🤣🤣🤣
Facts
One thing I love about programming is you learn every single day. I feel like how you created the map using nested arrays where the 1 represents a wall was mind opening. It is sooooo clever and glad I found something new today!
im learning programming and that really blew my mind, such a clever way to create the map
This was my exact thought!
Incredible that this strategy is kinda obvious to me.
This is the goto method for generating a grid map in code. Represent the map using a 2D array where the state of each element represents a cell in the grid map.
Yes that's how 2d maps are made or at least it the easiest way I know of
Crazy how such a simple game can be so much complex. Thanks!
Who ever said a game can be simple 😂
Imagine GTA 6 now
crazy how if you create this game thirty years ago you'll be a millionaire.. imagine making millions in a hour or so 🤔
is not complex if u practice a lot
you know you're doing it right if you break it down into small simple chunks :3
Always love your videos and your keyboards are always top notch! Your videos inspired me to learn CSS and HTML! It has been 2 months since I started learning and I even started posting some web dev content! Latest one was making Google search page clone. I even added the responsiveness to it. 🙂Thank you Servet for inspiring me to learn! All the love ❤
Thank you! You made my day! All the love ❤
@@ServetGulnaroglu Good afternoon can you tell me that how can I become the best programmer like you
@@dilshodfayzullayev3767practice and devotion
:simley_cat
🐹
This is an exciting project. I once implemented a Pacman as an interview project on mobile, and then re-implemented it in 3D. Also used similar level mapping technique for that. Amazing to see the live coding
🐒
I remember being in bed at night and hearing my dad type on the computer that we used to own, it was always nice to listen to
The perfect combination of coding and relaxation! Who knew Pacman could be so soothing? 🎮👌
Currently at the 15:00 mark in this video, and I'm already eager to fiddle with the map code you've built for other projects. This will be fun both to watch and to use as a reference tool.
Thank you for posting!
Heavy vim user here.. I noticed you started using t motion to execute commands inside HTML tags.. big up for that in comparison to your last videos..
About vim commands, you should probably try v-block mode to edit multiple blocks of code (that would have been much faster in the map section to swap 1s and 2s)
Keep going, love your content!
Thanks mate, appreciated 🙏🏽
🐹
@@ServetGulnarogluI ❤ your content
Too fast, bro chill
Coding fast like that feels really good actually
He is actually doing a lot of mistakes with his vim shortcuts because he tries to be fast. Nevertheless still a good pace ;)
exactly what im thinking the whole time. if you are typing so fast that you make a mistake nearly every line you spend more time correcting it than if you were to just go a little slower
You’re a better programmer when you go fast and make mistakes
@@nickhobert2077 Then who will watch the video when he types like a turtle.. It’s just a video to entertain people.
One of the best videos i've EVER seen in my entire life
One of the best comments i've ever seen
But why? What makes it so good?
@@webdevcoursestv because it is good, the keyboard sound is good, the code is free if you are doing pacman game, u can just check this video Xd
@@ServetGulnarogluone of the best reply to a comment i have ever seen
@@webdevcoursestv one of the best clueless or indifferent comments i have ever seen !!
If thats how much it took to program a simple game like pacman into java script, imagine having to do this all on asm like how they did in the 80s.
bravo as always.
This is not a live coding session.
Thank you for your videos. Because of you start learning html and css. I watch you maybe for half of year and i really love your content about clone of different pages, and i clone your code and it helped me to start learning web development.
a coders dream to be able to code efficiently
Besides your coding skills, the sound of your typing is quite enjoyable to me. Damn Good!!!
he most likely have two monitor side by side, copy pasting but in visual
I love programming! Thanks to these videos, I increasingly want to return to what I was so passionate about, which was programming.
0:01 me when bought new keyboard :
I don't study programming but it's so relaxing to watch this, although I didn't understand most of that
Always love your videos and your keyboards are always top notch! Your videos inspired me to learn CSS and HTML! It has been 2 months since I started learning and I even started posting some web dev content! Latest one was making Google search page clone. I even added the responsiveness to it. Thank you Servet for inspiring me to learn! All the love
This so cool man! Thanks for creating these.
🐀
I used to make front end designs for websites in college, which actually got me hooked on the idea of coding. I really need to make to learn Java...
The fact that you did this in an hour tells me that you are truly Talented. Happy Coding my Friend 🙂
He coded it before and it definitely took him hours including a lot of googling and trial and errors (at least when he was coding pac-man for the first time). This is how programming works. Now he just created the project mainly out of fresh memory after figuring everything out.
@@DanoSvK1 I know how programming works. I’m saying that the fact that he remembered how to do all of that is talented.
@@bincut09 He does not "remember", he's typing.
@@Quarantineism ?????
This video is truly a great source of inspiration for me. Thank you for making it!
🦊
You're so welcome!
@@ServetGulnaroglu what text editor are you using?
@@johanchavez5890 Visual Studio Code
@@johanchavez5890vs code
This is probably the only asmr I enjoy
Visual studio code is indeed a really good coding software
not better than vim
I actually slept while watching this
How you're typing that fast is beyond me, just now starting to learn Python. Wonder if I'll ever get that fast lol.
you'll get there
hows going man never give up keep goin!
It'll happen by itself overtime. The more you type the more you subconsciously memorize the keys locations and increase your own key stroke speed
Never Give Up!! You Never What? :)
WOW that was freaking amazing! nice work!
I love this content im learning way more than when the coder talks lol
It's Insane
Get this man to blow UP! HE JUST CODED A 1980s ARCADE GAME IN 1 HOUR WITHOUT TALKING?!
without browsing google, documentation, or stackoverflow. and no minutes wasted staring at the monitor figuring out how to do something like us mediocre programmers usually do.
Im not sure if you're a coding channel, an asmr channel, or an asmr coding channel, but either ways, I loved watching this! Loved the keyboard sounds and also seeing the coding going on (as someone who doesn't know all that much about coding besides what I've seen a decade ago in one semester of computer science haha).
MOTIVATION FOR CODING ❣️❣️
gotta love those keyboard sounds SIr, music to my ears.
i wish i could understand all your shotcuts 😢 looks so cool
It is easy you can practice this in 15 days. Vim shortcuts are really usefull
just read the vim user manual
Судя по звукам грохота 5:28 , 5:45 Pacman уже бродит между этажей и ищет автора ролика
My sympathy to anyone sharing walls/floors/ceilings with this guy
I have a suggestion for the sound of the keyboard. If you use a towel or t-shirt or something similar underneath it it makes it sound much thockier and less echoy and less woody.
I just want to say, thank you for this video! I didn't use it as an ASMR video, but instead I followed along and was able to learn many new things (I haven't done very much javascript before). I find it intriguing how you use VIM commands in VSCode. How did you discover that? And how long have you been learning VIM commands to have them just seamlessly integrated into your workflow?
it's been a couple of years I am using VIM. still not perfect but things get better everyday :) Thank you
Halaldı qaqaş,adıvı oxuyanda sevindim Azerbaycandada öz üzerinde işleyen gencler var.
It's great I was able to reduce the size of the code
hey what coding program are you using i would like to use it
Anyone else find the sound of typing on a keyboard soothing?
😌
Psychic style.
Isn't that why they're here
abi çok sağol neredeyse tüm videolarını izlemeye çalışıyorum ve senin sayende çok şey öğrendim çok ama çook teşekkür ederim.
Vay be sdce bir turkun yorumu var
Servet abi, udemy kursu yapsana bir şeyler öğrenelim
I have never been programming or even near learning it but I started being curious as I dont really have any hobby and Im bored to the death how programming works and wanted to chill. Saw this video and I must say it was really satisfying watching you programming. I never new you can create map with just pure numbers, If I understood correctly you used 1 for creating wall 2 for creating empty space and 0 for deleting objects. I might actually start learning programming just for fun . Keep up with videos !
BRUH I DIDNT KNOW YOU HAD TO CODE THE DAMN MAP BRUH, I ALWAYS THOUGHT SOMEONE DREW THAT SHIT.
(I'm very smart you See)
Awesome content. Thank you
as someone learning javascript watching this is mindblowing
you are very nice coder😊😊😊😊
Congrats Servet! It's awesome!
🎉 Thanks Raphael!
Can you make a tutorial on all the shortcuts you use to navigate the code without the mouse: like selecting text and replacing it, going left and right and to the end of the line.
He did on his channel
you got me :)
He is a genius Servet Gulnaroglu and believe in the PaCmAn code✔
One of the best asmr programming video I ever seen) Maybe next time you will add keycastr, because its iteresting to knew shortcuts you use in video and I cant understand sometimes what keys you type))
The new Pac-Man coding speedrun is looking fire 🔥
I think vim mode is slowing you down. I highly recommend learning VS Code's built-in key combos, they really are very very good. Line duplication is just alt+shift+down. Inserting a new line after the current one is ctrl+enter. You seem to be trying very hard to do clever/speedy vim keybinds and end up wasting time recovering when you mess them up
Vim is a journey and I am a passenger. I always learn new things about vim. And it's never gonna stop. I will be faster tomorrow than today for sure.
Also, almost every IDE has vim extension. However, you can only use VSCode shortcuts in VSCode.
Thank you for the advice though ✌
@@ServetGulnaroglu Whatever works for you, my friend
Echt super !
i really want to know all these shortcuts, it's awesome to an amateur coder like me
he is using VIM first you'll need to learn VIM
ITS TOOO satisfying
“keyboard check” what’s next? rudders and flaps?
Kardeşim, videoların terapi gibi geliyor yazılıma hevesli birisi olarak bana.
These are some Godlike super sayan JavaScript programming ninja skills. Incredible to watch
Bu nasıl bir yetenektir arkadaş. Bir de Türk olması ayrıca gurur verici.
i just can't believe that you can code all of those in just 1hr+
what software do you use?
vscode
at the beginning he was warming to keyboard up so it didn't pull a muscle.. good job sir.
'ASMR Programing' its the best videos on UA-cam..
I watched this in less than 10 minutes, and I have to say I'm impressed lmfaoooooo
Servet bey ben de yeni yeni html css bitirdim senden rica etsem senin html-css sonrası öğrendiğin şeyler veya izlediğin yol nedir bilgi verebilir misin bu yorumun altına
Html ve Css sonrasi Javascript ögrenmen mantikli olur. Bu sayede olusturdugun butonlari, textleri, genel olarak web siteni interaktif hale getirebilirsin.
Css ogrendikten sonra bootstrap ogrenebilirsin cunku bazi css komut kumelerini tekrar tekrar projelerinde yazmak yerine bootstrap denen css kutuphanesiyle daha rahatca projelerinde kullanabilirsin. Ayrica tailwind css de ogrenebilirsin. Sonrasinda Javascript ogrenmen gerekecektir cunku front end developer olarak bir yol haritasi cikaracagini dusunursek React , Angular , Vue.JS gibi Javascript kutuphanelerinde kod yazabilmen icin Javascript bilginin olmasi gerekecektir. Cogu insan Javascript'i tam anlaminda ogrenemeden bu gibi Javascript kutuphanelerini ogrenmeye calistiklari icin zorlanirlar ve ogrenme cehennemine girerler. Ileriki zamanlarda sirketlerde calisirken cogu ilanda Typescript de istendigini goreceksiniz. Typescript , Javascript'e gore strongly typed dedigimiz degisken turlerinin oldugun , OOP dedigimiz prensibin yer aldigi kurallarin yer aldigi bir programlama dilidir. Kullanilmasinin sebebi , projede surdurulebilirligi saglayabilme , kodun daha okunabilir olmasidir. Ben mesela bir yazilimci aldim sonra cikti diyelim , gelen yazilimci projede kodu okurken oradaki degiskenin ne ise yaradigini turunu bildigi icin daha hizli adapte olacaktir. Dahasi da oldugunu dusunuyorum fakat benim aklima gelenler bu kadar. Internet uzerinde Front-End Developer Roadmap olarak arastirdiginiz zaman Ingilizce yazilar ve dokumantasyonlardan yorumlayarak bir yol haritasi cizebilirsiniz.
@@GameFreasher teşekkürler
2:30 The sigh of display:none; was so relatable lmfao
Nice to see some different logics on how to make pacman
im giving you 5 stars👍
The man who generated these codes 🤖👽🧠
Very nice👏👏
Thank you for rekindling my interest in programming
nicely done. I too made it in first year in c++ and WinBGIm. i didn't knew dikstra algorithm at that time so my ghosts would try to greedily decrease the distance between pacman and themself. This was stupid but gives a sense of someone is chasing pacman but they never could catch up unless two ghosts come from both sides.
WinBGIm is a basic shape drawing lib so i too did all the movements, drawing, stupid chasing algo and everything myself and it came out nicely.
I made a path for pacman of rgb(0,0,1) on which it travels so human eye cant see it but computer can.
The thing which i'm really proud about it is that i made waypoints mechanism for ghosts to travel across map, each intersection and corners of the map were waypoints and ghosts would greedily correct there path towards pacman each time they come on a waypoint.
Also i made it not to flicker during frame change which was cool too.
nicely done man.
Thank you man, thank you for sharing your experience as well. Great learning process. I enjoyed a lot during the preparation. stay in tune!
The amount of knowledge u need to have for this is maddd
The ACTUAL Pacman is a bit more complicated than this. He didn't even put in the power pellets or give the Ghosts different behavior to simulate personality. Still, I'm not faulting him for it as this was good enough for the video.
I tried coding pacman a few years back. I knew very little about programming but I stil tried it. It was a very simple, incompleted version but I had fun though!
As a programmer, i say that iit is very realistik!
Your great! Coding pacman takes a month or more for me.
The best coding 👌 great
This is so fun. I can watch it all day:)
Good job sir
Bro is on next level. I'm excited and jealous
ahhh satisfiction of you prggraming and your kybord sounds
hocam ahaha gerçekten müthiş bir fikre imza atmışsınız hiç daha önce bu tarz bi videoyla karşılaşmamıştım
Such an intersting video. I am really impressed. Good work :D
keyboard typing sound is so good
You should play some background music 🎵
Using keyboard: 😄 Happy Happy Happy
Using mouse: 😡 **intense clicks**
He's using VIM editor and shifting between modes (insert, command) using Escape key!!!! Dude that's crazy. It's so hard to get your fingers set on Escape key in VIM, and funny enough he's using middle finger for that :D BTW each time I install VIM the first thing I do is change in config file escape
I really enjoy coding and I'm learning how to do it
Now, make them communicate to each other your location. Any ghost in range of another knows your location with a tier system for information. Only tier one information can be transfered which comes from the nearest ghost. The information will then go down a tier to be non-transferable.
Я тоже программист которые создал игрушку для себя!! Вау! Это здорово без слов!
best alarm sound
Im new to coding, just learning python. What language is this in?
Don’t understand anything but this was relaxing 😊
Not only he made the game . He beat it also. Damn