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!

Twitter:   / gulnaroglus  

‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍
Source code : https://github.com/servetgulnaroglu/t...
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 10core 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 liveserver
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