ASMR Programming - Coding a Snake Game - No Talking

[@AsmrProg]

Today we have simple snake game (Fully Commented Code) 😉 LIKE video to support me create new content 🙏❤

[@ipigtaiwan]

nice

[@AsmrProg]

Thanks 🙏❤️

[@jameskeita9657]

what kind of fon in vs code do u have i mean tries ?? maybe extension ??

[@AsmrProg]

Font?! Cascadia code

[@10kgTNTequivalent]

you did not fixed that you couldnt go up if snake was going down, you had to go on sides first. idk about going down if going up, propably same bug. :(

[@erfanhap4758]

well done mate, i've kept tracking your progress. You are doing great! keep it up dadash

[@AsmrProg]

Qalbi ke erfan jan 🙏❤️

[@shadower3707]

I like the sound of this keyboard, feel like someone scratching my head , keep it up

[@AsmrProg]

Thanks bro 🙏❤️

[@brians4265]

Man this is amazing , been watching a lot of your videos and I always learn new things, also,the speed with which you code is impressive . I’m learning how to code now and can only aspire to be able to code like you someday . Was wondering , how many years experience you have ?

[@AsmrProg]

Thanks bro 🙏 ~7 8 years coding in different languages

[@jaserogers997]

He's not coding that fast - you can see little jumps in the video where he has obviously stopped to think about the next step.

[@AsmrProg]

Yes, video is edited 🙏

[@PitchLost]

@@AsmrProg Hey Mate. Do you also write the code before filming the video? Very well done I am attempting to make the same game right as I write this

[@AsmrProg]

@warthunderlandings3062 hi, yes! Also I’m edited video and removed searching sections 🙏

[@UniQueVpN]

It was the code he was looking for, thank you very much ♥♥🔥

[@AsmrProg]

Thanks bro 🙏❤️

[@vini8v8]

To prevent food from spawning inside a snake's body part, you can add this checker inside the 'updateFoodPosition'. So, whenever food spawns inside the snake, it will generate a random position again, until food spawns in a free space. //Update food position const updateFoodPos = () => { foodX = Math.floor(Math.random() * 30) + 1; foodY = Math.floor(Math.random() * 30) + 1; //Check if food is at the same place as one of the snake's part for (let i = 0; i < snakeBody.length; i++) { if (snakeBody[i][0] == foodX && snakeBody[i][1] == foodY) { updateFoodPos(); } } };

[@AsmrProg]

Oh thanks for additional info 🙏❤️

[@vini8v8]

@@AsmrProg Thank you for your work and for all the inspiration you provide me ♥

[@AsmrProg]

@vini8v8 🙏❤️

[@lucabarrientos1864]

Hermoso tus proyectos y tu codigo, inspira mucho. Saludos desde Argentina

[@AsmrProg]

Thanks a lot 🙏❤️

[@hhhhhhhhhhghdsf]

I can't believe it got so many views😮 It's really cool, congratulations😊 You should be happy😊 I've always wanted to code a weather forecast, thanks to you, I will❤

[@AsmrProg]

Thanks a lot 🙏❤️

[@ThomasFirsich]

Thanks for another great tutorial!!

[@AsmrProg]

🙏❤️

[@ivanavatkov7618]

Really inspiring, thanks for your videos!

[@AsmrProg]

🙏❤️

[@codehandasmr]

Liked!

[@AsmrProg]

Thanks 🙏❤️

[@Codeminton]

An impressive video made with care 😳

[@AsmrProg]

Thanks a lot bro 🙏 such as your video’s ❤️

[@Codeminton]

@@AsmrProg Thanks 💌

[@AsmrProg]

🙏❤️

[@trekkers2239]

Gonna try this next

[@AsmrProg]

😉❤️

[@rope89]

Awesome video, great skills. QQ: What are the specs/brand of your keyboard?

[@AsmrProg]

Thanks, newmen gm610 keyboard

[@rope89]

@@AsmrProg Thanks!

[@AsmrProg]

🙏❤️

[@jackntv]

Let’s say you want to make the snake go faster than right now What value we need to change ? (New to javascript here just started a course)

[@AsmrProg]

To increase the snake's moving speed, you can modify the interval duration of the "setInterval" function. The interval duration determines how often the "initGame" function is called, which in turn updates the game state and moves the snake. In code, the "setInterval" function is called with a duration of 100 milliseconds: "setInterval(initGame, 100);". To increase the speed, you can decrease this duration value. For example, if you set the duration to 50 milliseconds, the snake will move twice as fast: "setInterval(initGame, 50);".

[@jackntv]

@@AsmrProg Thank you so much!!!

[@AsmrProg]

🙏❤️

[@yt-user2176]

great content! btw what keyboard is this?

[@AsmrProg]

Thx 🙏 newmen gm610

[@bl4zetube757]

best more creative idea

[@AsmrProg]

Thanks bro 🙏❤️

[@ledog6953]

Came across your video. Amazing video! about your vscode snippet, may I ask what extension that is?

[@AsmrProg]

Thanks a lot bro, Which extension you saying? i have meny extensions!

[@ledog6953]

@@AsmrProg the one you type span.{className} and fill in the rest for you

[@AsmrProg]

It’s vscode default, but you can use emmet in other code editors, it’s emmet features 🙏

[@aissa-dev1]

i love your videos bro

[@AsmrProg]

Thanks 🙏❤️

[@user-nacv-8867]

Fantastic upload 👍

[@AsmrProg]

Thanks 🙏

[@meryameddaif4951]

Please can you make a video for different fonctionnality of vs code such as making a beautiful background like yours ❤️❤️🙏🏻🙏🏻🙏🏻✔️

[@AsmrProg]

Hi, i have a community post about it in my channel, check it 😉🙏

[@meryameddaif4951]

@@AsmrProg ok 💞

[@AsmrProg]

🙏❤️

[@craftopiaZone]

wow nostalgic game

[@AsmrProg]

😉🙏❤️

[@SHUKLA.NAMANX]

Bro, please give me link of your mechanical keyboard

[@AsmrProg]

Hi, in this video it's newmen gm610, available in amazon website 🙏

[@unusuariocomun8281]

Tomaré este juego lo mejorare muchísimo, serán zombies en lugar de serpiente y tendrá más acción. PD estará en la playstore

[@AsmrProg]

Keep going on 😉🙏

[@mrtasos9196]

Can you create next a web application trivia where you can put your own questions etc.

[@AsmrProg]

Hi, video’s depending on votes in my channel community page, check it 😉🙏

[@MrPorschkub]

i love your video nice i tried flashing my keyboard with qmk i spent 1 day for nothing haha. idk what went wrong 😂😂

[@AsmrProg]

Thanks 🙏😉 keep it up

[@Bongosiik]

What Application u use to code? and by the way u do GREAT job. Wild Respect.

[@AsmrProg]

Hi bro, it’s visual studio code, thanks 🙏❤️

[@MrGamersid]

Hi, how could I increase the speed of the snake every time it ate the food? by the way good job I loved your video

[@AsmrProg]

You need just have a variable for speed then after eating food speed++.

[@tLearningTree]

what extension do you use for for syntax highliting?

[@AsmrProg]

Hi, check my GitHub, there is a repository about all of my vscode settings 🙏

[@ЯрославКученко-в3д]

Cool, thanks!

[@AsmrProg]

Thanks bro 🙏❤️

[@GAbeszl9adhc]

Hi, I just did this and it doesn't work for me at line 55 and the click code is the same and doesn't detect javascript, I don't know why I press f12 and it doesn't show only css and html

[@AsmrProg]

Hi, please check my source code on github, link in description 🙏❤️

[@adarshdubey7865]

Bro uh really help me alott⚡⚡❤️‍🔥💝

[@AsmrProg]

😉🙏❤️

[@EkoIrawandb]

is possible to add some feature for pause?. 😁😁

[@AsmrProg]

Yes, but need code it again!

[@JuanDRSoft]

nice bro!!! 😍

[@AsmrProg]

Thx so much 🙏❤️

[@adeptusxiao02]

COOLLL

[@AsmrProg]

Thanks 🙏❤️

[@tev5388]

Is it your job? If so, how much do you get paid for coding a software like this? Great video!

[@AsmrProg]

Thanks, I didn’t get any money for this type of projects! It’s just for youtube!

[@tev5388]

@@AsmrProg keep up the good work

[@AsmrProg]

🙏❤️

[@Harbor811]

14:51 is there any particular reason why you traverse the snake body array in reverse order?

[@AsmrProg]

We reduced it’s body to push it to forward

[@Harbor811]

@@AsmrProg Ah I see, that's a pretty smart way of doing it

[@AsmrProg]

😉🙏

[@mikearnold1927]

Hello! Please also make one of a gem that is brilliant cut and can be rotated. Thanks!

[@AsmrProg]

Hi bro, i'm answered your comment in another video!

[@xboyghost_]

thx for a new video programing idea

[@AsmrProg]

Thanks bro 🙏❤️

[@sdgdsgsdgdsg1594]

how did you make this background in visual studio code? And such icons near the index and css and the text you have a nice design, advise the extension

[@AsmrProg]

Hi, for background use glassit extension and for icons use “icons” extension 🙏

[@sdgdsgsdgdsg1594]

@@AsmrProg Ty brother

[@AsmrProg]

🙏❤️

[@AceFROMSpace_]

Hey i have question can u aslo use python ?

[@AsmrProg]

Hi, no I’m worked python just to know main structure!

[@Zaico-np9jx]

Which editor do u use ?

[@AsmrProg]

Hi, it’s visual studio code

[@Mahmoud_176]

What does "Shifting Forward Values of elements in snake body" do? thanks in advance

[@AsmrProg]

That changes snake body array to forward one by one

[@artem_bohak]

Thank you for your content, I really wonder how I can install such a theme as yours. What is it called?

[@AsmrProg]

Hi, it’s glassit extension + reui or firefly pro theme

[@artem_bohak]

@@AsmrProg thank you again)

[@AsmrProg]

🙏❤️

[@thanhtoannn]

What theme are you using?

[@AsmrProg]

Hi, Reui, Firefly pro

[@dilqdirov2973]

i dont understand changeDirection function,please explain this function and what is velocity and where did his values ​​come from

[@AsmrProg]

Change direction function is for snake head direction changing and velocity is for it too, change x and y based on key press!

[@dilqdirov2973]

@@AsmrProg What is the meaning of these values ​​'-1,1,0',i am sorry,i am beginner in js

[@AsmrProg]

It’s x y value that sets position of snake

[@ahmadshahidi8101]

You are amazing

[@AsmrProg]

Thanks a lot 🙏❤️

[@asmrcoding_]

Nice video 👍 good luck 🤞

[@AsmrProg]

Thanks bro 🙏❤️

[@Pedro..778]

bro where did u get you keyboard from?

[@AsmrProg]

Hi bro, amazon website!

[@miiiiikeee]

how come you type x with your index finger instead of your middle finger?

[@AsmrProg]

according to habit

[@superhero25e]

​@@AsmrProg same, middle finger was very uncomfortable for me

[@AsmrProg]

It’s ok for me but not in all keyboards!

[@adityadeshmukh1121]

Bro please tell me how do you got that cursor trail, i really want to know about that please tell me

[@AsmrProg]

Hi bro, it’s screen recorder effects!

[@CineAnimeAMVs]

What is your keyboard?

[@AsmrProg]

Hi bro, in this video newmen gm610

[@cankrs]

How do you position your camera to shoot the keyboard from this angle?

[@AsmrProg]

Hi, with T base

[@cankrs]

@@AsmrProg oh thanks for your answer but what is t base :D

[@AsmrProg]

T Camera Holder

[@parsahashemi9037]

damet garm man asheghetam mitooni ye chanle amoozesh ham dorost koni ?

[@AsmrProg]

Fada, che channeli!

[@harambe9461]

How about something with React Native

[@AsmrProg]

Hi, yes we will have full playlist of it 😉

[@Landscapephotographyvlog]

Great ideas

[@AsmrProg]

Thx so much 🙏❤️

[@2syk4ever]

Could you make a video review your keyboard 🥺

[@AsmrProg]

Hi, search newmen gm610!

[@_bailon_8022]

as a text editor do you use VScode?

[@AsmrProg]

No, text editor notepad++, for coding im use vscode

[@straightSekiro]

How can I make the same smooth typing of text as in the video? (I mean in editor)

[@AsmrProg]

Hi, search cursor effect in vscode settings and set it on smooth

[@straightSekiro]

@@AsmrProg thank you very much😇

[@AsmrProg]

🙏❤️

[@speeddragon48]

can you please tell your keyboard name?

[@AsmrProg]

Hi bro, newmen gm610

[@FolwinEsports]

invest in a good silent mechanical keyboard buddy

[@AsmrProg]

Hi, thanks for suggestion 🙏

[@noob_4986]

which font are you using in vscode? how do I get it?

[@AsmrProg]

Hi, it's "Cascadia Code", available on google!

[@DBGamesOficial]

Which is the keyboard?

[@AsmrProg]

Hi, newmen gm610

[@modyhh7451]

I'm good at html and CSS But in js I feel weak How long does it take to learn Javascript well? What are the sources that may help me in learning Sorry, I can't speak English, so I translated from Arabic to English I follow you from Egypt You are an amazing person, keep going

[@AsmrProg]

We will have a full course for web development in channel, i will tell subs in community post soon 😉

[@vaishnomatabhaktamandali2000]

@@AsmrProg Ya please help us in javascript🖤

[@AsmrProg]

You will be surprised with best js full course 😉

[@_elektrikal_]

It took me around 2 months to learn the fundamentals and around 6 months to learn intermediate JS. Keep in mind that I was programming 2 hours a day.

[@AsmrProg]

Yes, but with experience you will be legend in coding!

[@SilasJrOficial]

Extension for this glass theme, pls!

[@AsmrProg]

Hi, it’s glassit extension 🙏

[@zohaibs3693]

What keyboard is that?

[@AsmrProg]

Hi, this one newmen gm610

[@zohaibs3693]

@@AsmrProg thanks mate. Videos are amazing, genuinely help me relax 👍🏽

[@AsmrProg]

🙏❤️

[@hehebuoyyy2200]

why it doesnt work😢 so many errors i have done everything as u typed but still somethings wrong😢😢😢

[@AsmrProg]

Hi bro, check description, source available on my github and you can fix errors 😉🙏

[@hehebuoyyy2200]

@@AsmrProg got it thankyouu

[@AsmrProg]

🙏❤️

[@ChaqChan1]

Cool

[@AlI0901-1]

Good game 👌👌👌👌

[@AsmrProg]

Thx 🙏❤️

[@barisu4755]

Cok iyi olmus 💪 Telegramin var mi kardes?

[@AsmrProg]

Hi bro, yes link in my channel about page 🙏❤️

[@RajAryan-tp6qf]

Kindly change your vs code background the code is not visible clearly

[@AsmrProg]

Hi, in new video’s changed!

[@_bailon_8022]

what theme do you use?

[@AsmrProg]

Firefly Pro theme

[@atharvnasare8962]

Which language he use to make this game

[@AsmrProg]

Hi, it’s web coding with html, css and js 🙏

[@atharvnasare8962]

Thanks bro

[@AsmrProg]

🙏❤️

[@gabrielcarmnn]

How do you put your vs theme like that ?

[@AsmrProg]

Hi bro, it’s reui theme + glassit extension!

[@eraspusdev]

how did you make typing animated

[@AsmrProg]

Hi, with vscode settings

[@eraspusdev]

@@AsmrProg thanks

[@AsmrProg]

🙏❤️

[@HoangNguyen-ez1ek]

how to you setup backgrounf vscode?

[@AsmrProg]

Hi, I’m using glassit extension

[@HoangNguyen-ez1ek]

@@AsmrProg thanh you👍👍👍

[@AsmrProg]

🙏❤️

[@nurki9315]

Did you write this code before? Because you are so fast, that makes me think that you are looking some code.

[@AsmrProg]

Yes, codes written before and when i record video’s i run it with fixed bugs!

[@Levi-sb3sn]

the background photo is very distracting

[@AsmrProg]

Why?!

[@Levi-sb3sn]

@@AsmrProg I don't know, I can't focus when I watch :(

[@AsmrProg]

Oh ok, i will change it in next video 🙏😉

[@SuhaYlmazok]

how can i change my vs background photo?

[@AsmrProg]

Hi, with glassit extension

[@SuhaYlmazok]

@@AsmrProg is it working on mac

[@AsmrProg]

Yes!

[@SuhaYlmazok]

@@AsmrProg are u sure because i couldnt make it

[@AsmrProg]

You need just install it then make your vscode transpaernt, then everything you have behind it will shown!

[@sunnyheheheh9401]

You should learn touch typing it will improve your typing experience once and for all and will prevent making any odd movements with the hands and fingers

[@AsmrProg]

Oh ok bro 🙏

[@mehrnooshroostazadeh6152]

Why dollar sign is not working for me ?

[@AsmrProg]

Sorry?!

[@garikgasparyan1668]

@AsmrProg Bro I have a one bug Can you Help Me?🙂

[@AsmrProg]

Hi, what’s problem?

[@pedromoreno2798]

Muito bom

[@AsmrProg]

Thanks 🙏❤️

[@realsamirop]

KeyBoard?

[@AsmrProg]

Hi, in this video newmen gm610

[@bhaiyaG-f2t]

what is the thing use in the cursor tell me plz

[@AsmrProg]

Hi bro, it's screen recorder effect!

[@bhaiyaG-f2t]

@@AsmrProg how i can use

[@sayaanda8698]

The control button is ruined

[@AsmrProg]

No! I’m pressed it bad!

[@sam-of7de]

nice I tried ur code and i spent 1 hour for nothing HAHA idk what went wrong

[@AsmrProg]

Hi bro, code is correct! I think your code has bug, check my source link in description 🙏❤️

[@sam-of7de]

@@AsmrProg nah ur code is fine, its just idk what I put wrong on the javascript part, its my first time learning java, ill get better

[@sam-of7de]

@@AsmrProg Thanks bro I checked ur code and it works fine, appreciate it

[@AsmrProg]

Keep going on

[@AsmrProg]

Thanks bro 🙏❤️

[@Glazemeal]

bro my code don't work?

[@AsmrProg]

Hi bro, i think it’s has bug, check my source, link in description 🙏

[@Glazemeal]

@@AsmrProg thank u bro Ok

[@AsmrProg]

🙏❤️

[@SHUBHAMGUPTA-gy7ev]

How much you earn from this channel ? And please give me some SEO tips

[@AsmrProg]

Hi bro, DM me on telegram, link on my channel about page 🙏

[@SHUBHAMGUPTA-gy7ev]

@@AsmrProg I don't use telegram plzz tell here

[@SHUBHAMGUPTA-gy7ev]

@@AsmrProg plzz tell me. You can delete your comment after 1 minute....I really want to know plz

[@AsmrProg]

Bro it’s depending on monthly views, dm me i will send you full data!

[@AsmrProg]

Install it i will help you 😉

[@Tiger367]

first

[@AsmrProg]

Yes 🙏❤️

[@Harrier97]

Can you give me the purchase link for that keyboard?

[@AsmrProg]

Hi, search newmen gm610 on amazon site 🙏

[@Tenaciouss666]

@@AsmrProg hey, what switch you have?

[@AsmrProg]

Blue Switches

[@Tenaciouss666]

@@AsmrProg Thanks!

[@AsmrProg]

🙏❤️

[@sahadathossain6940]

How can i get the theme you are currently using🥹

[@AsmrProg]

Hi, it's Firefly Pro Theme

[@ipigtaiwan]

do you have discord

[@AsmrProg]

No but i will create 😉

[@ipigtaiwan]

@@AsmrProg nice

[@vaishnomatabhaktamandali2000]

@@AsmrProg Yes please do😎Btw I'm a verified developer there if you need any help tell me

[@zakodirane]

О

[@AsmrProg]

🙏❤️

[@zakodirane]

в