ASMR Coding: Tetris Game with JavaScript & Canvas 🎮

Hello my dear coders,
I made a tetris game with javascript and html canvas. Hope you enjoy it 🎉🎉
My twitter account: twitter.com/gulnaroglus
You can play the game on: servetg.com/tetris
Enjoy! 🎉🎉

👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻
Source code : https://github.com/tarantino07/tetris-js
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)
https://iqunix.store/servetgulnaroglu

🖱️ Microsoft Bluetooth Mouse
https://amzn.to/3UFgHl5

🖥️ Monitor ASUS VA24DQ 23.8” Monitor, 1080P Full HD, 75Hz
https://amzn.to/3BB5ppa

💻 2021 Apple MacBook Pro (14", Chip Apple M1 Pro con CPU 10-core e GPU 16‑core, 16GB RAM, 1TB SSD)
https://amzn.to/3DHAKJn

🎤 Rode NTG4+ Shotgun Microphone
https://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