ASMR Programming - Coding Tetris - No Talking

  • Видео
  • О видео
  • Скачать
  • Поделиться

ASMR Programming - Coding Tetris - No Talking

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: https://twitter.com/gulnaroglus 👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻 Source code : https://github.com/servetgulnaroglu/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
686, 694   |   3 год. назад  |   12, 974 - 0
 

ASMR Programming - Coding Tetris - No Talking

Скачайте изображение (превью) выбрав качество


320x180 480x360 640x480 1280x720

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


ASMR Programming - Coding Tetris - No Talking

Чтобы скачать видео "ASMR Programming - Coding Tetris - No Talking" передвинте ползунок вправо



Покажите вашим друзьям, добавьте в соцсети

Ссылка на страницу с видео:

 

Ссылка HTML на страницу с видео:

 

Код для вставки плеера:


  • Комментарии

Комментарии ФБ


Уважаемые друзья!

Источником всего видеоконтента, в том числе проигрывающегося на страницах ресурса ruslar.me, является сторонний видео ресурс, а именно общедоступный видеохостинг YouTube.com, предоставляющий открытый доступ к своему видеоконтенту (используя открытую и общедоступную технологию video API3 youtube.com)!

Проблемы с авторскими правами

Если вам принадлежат авторские права на данное видео, которое было загружено без вашего согласия на YouTube.com, перейдите на страницу этого видео сайта YouTube.com , нажмите на ссылку под проигрывателем Ещё -> "Пожаловаться" -> "Нарушение моих прав" и в выпадающем меню, выбирите, что именно нарушается и нажмите кнопку "Отправить".



Неприемлемый контент

Чтобы сообщить о неприемлемом видео, перейдите на YouTube, нажмите на ссылку под проигрывателем Ещё -> "Пожаловаться" и выберите в "Сообщить о нарушении" что именно вас не устраивает в этом видео. Подробнее о наших правилах читайте в Условиях использования.