A simple Tetris clone: part one 🙂
:: Links ::
https://code.google.com/p/simple-tetris-clone/
http://ejohn.org/blog/simple-javascript-inheritance/
http://requirejs.org/
:: Source ::
https://github.com/maxwihlborg/youtube-tutorials/tree/master/tetris
:: Other Stuff ::
https://github.com/maxwihlborg
http://maxwihlborg.com/
https://twitter.com/epicwihlborg
Price: $0.00
Block Puzzle Classic
Fun Easy to learn Hard to master (as of September 18, 2020 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Price:
Basic Fun Arcade Classics - Tetris Retro Mini Arcade Game
RETRO PLAY Authentic 80's graphics, sounds and game play AUTHENTIC Joy stick control, graphics and sounds make the game play as exciting as the original! NEW Brighter Screen for enhanced gameplay! INCLUDES 3 AA batteries for immediate play! Age: 8+ S... (as of September 18, 2020 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Price: $29.99
Tetris 99 + 12 Month Nintendo Switch Online Individual Membership - Nintendo Switch
Includes a 12-month Nintendo Switch Online membership* Be the last player standing in 99-player battles Play against 98 players online*, locally with friends (additional games and systems required; sold separately), or in Marathon mode by yourself St... (as of September 18, 2020 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Price: $0.00
![Snake Game – HTML5 Game Programming Tutorial [javascript]](https://img.youtube.com/vi/uU5YPIvJ24Y/0.jpg "Snake Game – HTML5 Game Programming Tutorial [javascript]")
![Python for Beginners – Learn Python Programming Language in 2 Hours [2018]](https://img.youtube.com/vi/yE9v9rt6ziw/0.jpg "Python for Beginners – Learn Python Programming Language in 2 Hours [2018]")
How long did it take you to make games like this? I’m like doing this in unity and i’m having a lot of trouble.
Oh! You’ve also tried Emmet Livestyle, it’s really nice!
wow you took something simple and made it complicated congrats
What version of sublime text did you use?
Your Javascript code looks really good to me, I love your videos. 🙂
Thank you for your great jobs!
great video
I love your videos man they are awesome, where are you from ?
Great to have a new JavaScript game tutorial from you Max.
code.google.com doesn’t work anymore
Shame you stopped uploading videos… great stuff!
Looks awesome! will try this asap
Max, how long do you learn programming to become this good?
I have written your code exactly as in tutorial and can’t render the background image. I get the error “Argument 1 of CanvasRenderingContext2D.drawImage could not be converted to any of: HTMLImageElement, HTMLCanvasElement, HTMLVideoElement, ImageBitmap..”
What color scheme are you using?
How can I make sublime text automatically setup Html base layout like you did at 5:01?
What theme are you using!? I thought it was Monokai, but it wasn’t 🙁
why did u stop uploading =(
Links to resources are no longer maintained, then i saw how long ago this tutorial was published. I dont know why simple html5 canvas or dom elements could have not been used, cant follow this any more now 🙁
i cant get any of your tutorials to work? i keep getting errors and all ive done is copy pasted and set it up how you have…. is it somthing to do with me using windows and firefox?
Error: Script error for: src/Game
http://requirejs.org/docs/errors.html#scripterror require.js:8
Error: Script error for: src/Tetris
http://requirejs.org/docs/errors.html#scripterror require.js:8
Use of Mutation Events is deprecated. Use MutationObserver instead. index.html:1494
The first link in your description isn’t working anymore 🙁
what software are you using for this. is it notepadd ++??
Hey Max, I am using your engine and am unsure of the best way to approach a problem. I want to write text to the canvas formatted according to my stylesheet, but I am only able to format the frame, and I am drawing to the view. My current workaround is setting the font and fillStyle each time I write text, which isn’t too bad, but ideally I’d be able to scale (pixelate) the game without ruining my text.
Is there a reasonable way to either format the view or draw directly to the frame?
What’s the graphics editor you’re using to look at the res files?
Tack som fan för övrigt med videon, mycket bra intro för mig 🙂
can i get more info on _fctx use and meaning please and thank you (anyone)
Sorry to keep bothering you, but why did you choose to place the App class in main?
Could you instead have Tetris inherit from App (or Game) so that all of the key binds and content loading that are specific to tetris are in the tetris-specific class, and all of the more general code (canvas sizing and ticking) are abstracted more effectively? I imagine that this would be more time-consuming in the short-term, and may be less effective for teaching (as in your case), but could the benefits be worth it?
where are you programming
Absolutely fantastic video tutorial. I followed all the way through part 4 and the game works! I also learned a lot about javascript syntax and how to utilize the editor. The only thing missing is how to make the game mobile — I’m off to find out how. Thanks so much!
Max thanks for your awesome tutorials 🙂 (y)