How to Code a Tetris Game using HTML and javascript

Подписаться 5 тыс.

Просмотров 21 тыс.

50% 1

Source code: jackhetech.io?p=tetris-js
PLEASE NOTE: I made an update to the Rotate() function in the final source code that is not shown in the video to check if there will be a collision if the user tries to rotate a piece. Other than that, the code you'll be getting is the same as what's shown in the video.
► Follow me on Instagram: / jack_he_hd
► How I got an internship at Microsoft in 1st year university: www.youtube.com/watch?v=-7rJv...
► The book I am currently reading: amzn.to/2KsHeTq
► My low-budget camera: amzn.to/37PhFo9
###################################################################
Major: Computer Science
College: University of British Columbia

Хобби

Опубликовано:

2 дек 2020

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 19

@PedroTechnologies 3 года назад

Awesome project!

@JackHeTech 3 года назад

thanks bro!

@duckyboy53 2 года назад

do the shapes have to be done in any specific order? or can I do the slither shapes before the 2x2 square?

@dheerajsharma1986 2 года назад

hey ! if we want to slide the pieces left or right when it touches the ground, how to do that ?

@alfa_0017 5 месяцев назад

break a leg! you are the best

@brayanviera6132 2 года назад

no joke better than the real tetris

@nirmalapusparatna5169 2 года назад

Is it possible to add levels in the game?

@computerlearningbyargusaca5217 3 года назад

🙏🙏Very nice .. 👍 thanks for the video 😍😍

@JackHeTech 3 года назад

thanks for the support!

@user-gl4bu1cr2y 3 года назад

I started to learn Javascript recently and have a question in your code. let newGameState = () => { } To me, it seems like a mixture of variable(because of ‘let’) declaration and function. Any explanation will be helpful to my self-study. ^^;

@mido_plays6553 3 года назад

Its an arrow function look it up.

@johnjohns_channel 2 года назад

its an arrow function and he used "let" because he wanted the newGameState to change , you only use const to store results that will not change and let when they will change such an score etc. have fun learning javascript !!

@juneru2 Год назад

I learned that () => { is basically the same as function() {, so it's just a built-in function stored in a variable

@vincentiusx3781 Год назад

i already follow your code. But, when i want to open html with live server it only show "Score: 0". and i try to use terminal and i follow your step and error. i still confuse how to run the program...