Skip to content
← Back to Community
Tetris
Profile icon
smrsan761

https://repl.it/@smrsan761/Tetris

Used no external libraries/frameworks.
(Just used the font-awesome icons.)
100% made by me!

I built this game using pure HTML, CSS, JS and without using the element!
The most useful HTML element for making this game's UI is

Voters
Profile icon
MemeManHimself
Profile icon
Roaringbdragon
Profile icon
ilyalk
Profile icon
taka2612
Profile icon
iamsaurabhr
Profile icon
Ayushpatel4
Profile icon
KeltonGoffic
Profile icon
tgz
Profile icon
LordPancake
Profile icon
epicrobloxgamer
Comments
hotnewtop
Profile icon
LittleNomster

omfg i love it, am gonna go fork it, to saveth it

Profile icon
smrsan761

@LittleNomster Thanks man...!
The code is open for everyone.
Do what ever you want with it :)

Profile icon
LittleNomster

@smrsan761 okie doke, its more fun when you play speedrun, and speed it up

Profile icon
katyadee

I LOVE the sound effects.

Profile icon
argthe1st

This is a really good game!

Profile icon
MatthewChapdela

Fun! I like the sound effects!

Profile icon
JennieLiao

Hey nice job haha! I suck at Tetris but you got it down really well c:

Profile icon
Ov3R10rd

You should make a block holding system, like in the real tetris.

Profile icon
smrsan761

@Ov3R10rd Thanks for your good advice!
Today, I want to implement that 😉
( https://repl.it/talk/share/Tetris-without-canvas/12433 )

Profile icon
smrsan761

@Ov3R10rd I've just implemented something like hold-piece.
Is that what you wanted ?

Profile icon
Ov3R10rd

@smrsan761 I will try it out! Thanks!

Profile icon
smrsan761

@Ov3R10rd I'm waiting for reading your comment... 😉

Profile icon
Ov3R10rd

@smrsan761 Perfect! There is just one thing... the hold should start blank, otherwise you get a free block!

Profile icon
smrsan761

@Ov3R10rd I'll implement that in the next 24 hours.
But for now, I'm implementing the "next" feature which shows you the preview of the next block.
After that, if the hold starts blank, and if you hold your block for the first time, what will be swapped with the block in your hand ?
Should I swap the next block with it ?

Profile icon
Ov3R10rd

@smrsan761 I don't think that your current block and the hold block should swap, the blocks should swap, but only if there is a block in the save. When you start, the save block should be blank, then if a user decides to save a block, the current block goes into the save, and another random block will be dropped.

Profile icon
Ov3R10rd

@smrsan761 Also, this game is really good. You know how to use the canvas element right? Because if so, we could make a collab. Just a suggestion!

Profile icon
smrsan761

@Ov3R10rd I've just implemented both "Next" preview and what you suggested about the hold-piece feature.
Is that what you wanted ?

Profile icon
smrsan761

@Ov3R10rd Yes, I know a bit, but I learn more if needed.
So... How we can collaborate with each other ?

Profile icon
Ov3R10rd

@smrsan761 I dont know... but we could figure it out :)

Profile icon
smrsan761

@Ov3R10rd How ? (lol)

Profile icon
Ov3R10rd

@smrsan761 Uhh... idk. Maybe we shouldn't... yeah, I dont see how we could do that. :|

Profile icon
iamsaurabhr

Hi @smrsan761,
I am a student from India who is looking forward to develop a game in java Script and would like to seek help from you.
I would love if we could connect.

How can I contact you?
You can email me: [email protected]

Regards,
Saurabh

Profile icon
jarules214

It is a really solid version of Tetris! My only request is that you added an infa-spin.

Profile icon
Ov3R10rd

But overall fun and addicting! Could not stop playing