DEV Community

bairrada97
bairrada97

Posted on

2048 game remake

Hello,

Me and my colleague/friend Rafaela Lucas(she's a UI designer) decided to make a remake of the game 2048 with Vue.js.
I did the logic and functionalities and Rafaela did the Design and css of the game.
Note: It's a progressive web app so you can install it on your smartphones.

Here is the game link:

https://play2048game.firebaseapp.com/

If you like it and want to see more projects, check out our Portfolios:

https://www.joaobairrada.com/
https://www.rafaelalucas.com/

Let us know what you think

Thank you,

Top comments (12)

Collapse
 
sinni800 profile image
sinni800 • Edited

I found a bug too, I had two 8s at the bottom right corner and no matter how much I hit down, they wouldn't merge. Then I hit up and a 4 came out from beneath that 8. Then I wiggled a bit and I got a game over on this screen:
share.metalgearsonic.de/firefox_20... (I removed the game over box in inspector)

I guess if the source code wasn't obfuscated to hell I would be able to tell you what

TypeError: _0xa7b71b is undefined
7 app.18812406.js:1:34961
TypeError: _0x560f73 is undefined
2 app.18812406.js:1:30444
TypeError: _0xa7b71b is undefined

Would mean :)

EDIT: Video share.metalgearsonic.de/2019-10-17... ignore the background sound, please.. It's just music

EDIT2: It can be easily triggered by hitting two arrow keys at the same time.

I think we got a race condition or some other concurrency artifact here?

Were it open source, people could find the error together. ... It would be a good project to make open source.

Collapse
 
bairrada97 profile image
bairrada97 • Edited

Thank you for complete Detail of the bug.

The bug It's caused when you play faster than the slider animation, my animation has 75ms so if you play faster than that It will cause empty tiles looking that are filled.

The errors you got on console is just a variable that I'ts not been in use but It's there, I have to clean up, but the error on console don't interfere with the game

Collapse
 
anwar_nairi profile image
Anwar

Sweet design, love it, great job guys!

Collapse
 
bairrada97 profile image
bairrada97

Thank you!

Collapse
 
mintii profile image
Brittney Braxton

Woohoo I'm in the top score! Excellent 2048 clone :)

Collapse
 
bairrada97 profile image
bairrada97

Awesome!!

Collapse
 
fsavalam profile image
fsavalam

I just spent my last 1 hour playing it... its awesome 👍🏿

Collapse
 
jackzavr profile image
Jackzavr

And what is the difference from the original version? (for example 2048.zone/)

Collapse
 
bairrada97 profile image
bairrada97

There is no difference, I did this project to practice vue.js

Collapse
 
jackzavr profile image
Jackzavr

) Ok. Good, but a little slow.

Collapse
 
pudimkbm profile image
pudimKBM

ok, i guess i found a bug but it's pretty nice

Collapse
 
bairrada97 profile image
bairrada97

It's normal that the game has bugs, what game dont have bugs on first release? :)
What bug is it?

Thats awesome that you liked :)