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:
๐จโ๐ป๐จโ๐ป๐จโ๐ป๐จโ๐ป๐จโ๐ป๐จโ๐ป๐จโ๐ป๐จโ๐ป๐จโ๐ป๐จโ๐ป๐จโ๐ป๐จโ๐ป๐จโ๐ป๐จโ๐ป๐จโ๐ป
Source code :
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)
๐ฑ๏ธ Microsoft Bluetooth Mouse
๐ฅ๏ธ Monitor ASUS VA24DQ 23.8โ Monitor, 1080P Full HD, 75Hz
๐ป 2021 Apple MacBook Pro (14", Chip Apple M1 Pro con CPU 10-core e GPU 16โcore, 16GB RAM, 1TB SSD)
๐ค Rode NTG4+ Shotgun Microphone
๐ฆ๐ฆ๐ฆ๐ฆ๐ฆ๐ฆ๐ฆ๐ฆ๐ฆ๐ฆ๐ฆ๐ฆ๐ฆ๐ฆ๐ฆ
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
ะัะทัะบะฐ
ะคะธะปัะผั
ะขะ ะจะพั
ะะฐัะตะณะพัะธะธ ะฒะธะดะตะพ
