Javascript tutorial: Code a Tetris game, part 3 (END)

Modern Javascript tutorial: Code a Tetris game, part 3 (END - finishing touches)
ASMR programming

Timestamps:
00:00 Intro to part 3 of Tetris game using modern Javascript (ES6)
00:01 Explanations about the remaining features we'll implement
01:22 Canvas to draw the "next" piece
03:10 Next piece logic
06:12 Setup the points system
07:46 Use of the proxy pattern to handle side effects - updating screen values when setting points/levels/lines
09:13 Logic for adding points (soft drop/hard drop)
10:20 Logic for adding points (line clears/levels)
14:35 Reset game
17:01 Logic for saving/displaying/checking high scores
23:18 Final demo

* Credits:
Music: C Major Prelude – Bach (No Copyright Music)

Tags:
#javascript #es6 #gamedev #gamedevelopment
#js #vscode #tutorial #javascripttutorial #guide
#programming #coding #devlog #objectorientedprogramming
Modern Javascript (ES6), Classes, Spread syntax,
Arrow functions, Object destructuring, HTML5 Canvas API

[EmiliaKaida]

Timestamps:
00:00 Intro to part 3 of Tetris game using modern Javascript (ES6)
00:01 Explanations about the remaining features we'll implement
01:22 Canvas to draw the "next" piece
03:10 Next piece logic
06:12 Setup the points system
07:46 Use of the proxy pattern to handle side effects - updating screen values when setting points/levels/lines
09:13 Logic for adding points (soft drop/hard drop)
10:20 Logic for adding points (line clears/levels)
14:35 Reset game
17:01 Logic for saving/displaying/checking high scores
23:18 Final demo

[huonghuong]

Great, learned some cool tips right there too. Especially the object properties that replace the switch/case part :) 👍👍👍

[nguyentho]

Elaborate work! Now we have complete works on Tetris, fairly helpful!

[ngoctrinh]

Really informative and helpful, I learned quite a lot too. Thanks!

[minidragonlady]

Nice, content-packed end to the series :) 🤟😘❤❤❤❤❤