• Monday , 18 March 2019

Tetris Game Using JavaScript

Code Canyon



We will create the TETRIS game using JavaScript only, means no framework is been used during the tutorial, the tutorial has two parts:

1st part : we understand everything about the game, we discuss things before we code.
2nd part : Type in the Code. ( you can go to the 2nd part directly : https://youtu.be/HEsAr2Yt2do?t=48m20s ).

****************************************************************************************
Download the starter template from gitHub, so you can follow the tutorial step by step :
****************************************************************************************

The Game link : https://github.com/CodeExplainedRepo/Tetris-JavaScript

****************************************************
Other Tutorials for games created using JavaScript :
****************************************************

Snake : https://www.youtube.com/watch?v=9TcU2C1AACw

Flappy bird : https://www.youtube.com/watch?v=L07i4g-zhDA

*************
Social Media
*************

Facebook : https://web.facebook.com/codeXplained
Twitter : https://twitter.com/code_explained

************
HASHTAGS
************
#JavaScript #Games #JavaScriptGames

Original source

3d Ocean

Related Posts

18 Comments

  1. Captain Cheese
    January 11, 2019 at 01:35

    when you added the first piece, after the p.draw thing, it pops up a error on inspect, that .length of undefined cannot be read, at line 73

  2. Mick Groff
    January 11, 2019 at 01:35

    Thank you for the very well explained, in depth tutorial. This very much helped me gain more understanding on working on 'canvas' . No complaints, much appreciated!

  3. Ozzy Doron
    January 11, 2019 at 01:35

    Sweet Video! Is there a way to remove the black lines in the game board but keep the outer black lines?

  4. Superman
    January 11, 2019 at 01:35

    i dont know why but i never saw a single thing in my browser…

  5. marko90945
    January 11, 2019 at 01:35

    Dude, make more. Thanks for your detailed tutorials!

  6. Sergiy Rudenko
    January 11, 2019 at 01:35

    Thanks you very match!

  7. kaymo
    January 11, 2019 at 01:35

    didn't know tetris had a visible grid

  8. Reyes25111
    January 11, 2019 at 01:35

    Awsome tutorial. Thnk you sir.

  9. đình đức lê
    January 11, 2019 at 01:35

    Excellent!!! Thank you!!!

  10. damynghe vinhlocthanhhoa
    January 11, 2019 at 01:35

    isnt ctx.scale(20,20) better?

  11. samran salyiohh
    January 11, 2019 at 01:35

    Great work , you explain steps very good way , any courses on udemy ?

  12. mitvielbutterdrauf
    January 11, 2019 at 01:35

    Just a heads up on the title
    Pure !== Vanilla
    Pure = Functional non-mutating code
    Vanilla = Without any dependencies

  13. Analysis Hero
    January 11, 2019 at 01:35

    Gonna go through this really soon

  14. ThologY
    January 11, 2019 at 01:35

    Thanks bro

  15. yuksel bey
    January 11, 2019 at 01:35

    Thank You. You are explaining very well all the details. Could you make another project about how to make a multiple choice test? Please share more project or Javascript Lessons with real-life project like that, memory game, multiple choice test. Thanks again.

  16. S.R. Aman
    January 11, 2019 at 01:35

    Awesome! Keep up the good work. Will share with all my friends.

  17. Tom Hazel
    January 11, 2019 at 01:35

    This looks awesome, shared this with some friends who want to try JS but fear a big time commitment.

  18. 2nDimension
    January 11, 2019 at 01:35

    Damn. Gonna watch this when I get the time.

Leave A Comment

You must be logged in to post a comment.