Share your repls and programming experiences

← Back to all posts
Slidey!
h
CodingCactus

Slidey is a recreation of those old games where you had a 4x4 grid and you had to arrange the numbers to be back in order, or create a picture.

However, https://slidey.codingcactus.codes comes packed with much, much more features.

  • 3 different grid sizes (3x3, 4x4, 5x5)
  • 4 images to choose from
  • Option to upload your own image
  • Lovely animation and a sound when you slide a tile, both of which can be toggled on or off
  • Fully responsive
  • Fancy background
  • Saves your high score for each mode
  • It's fun!

How To Play

Choose your image and mode and press the play button. Then, all you need to do is click on a tile adjacent to the empty space on the grid, and that tile will move into that space. Return the picture back to its original arrangement to win!

Make sure to check out the GitHub repo too!

Voters
a-repl-user
sojs
AdamRens
TheCheeseCoder
AustinK1219
DillonB07
zdown12
XcR74
EuanIsDaBest
LOTRnerdfighter
Comments
hotnewtop
EdwardBentler

Okay ... so, I accidentally double clicked a tile and it slid straight into another tile, then those tiles became glitched, then I decided to experiment ... and you can transfer the glitch to other tiles ... so I have this image

I'll get a video for you if I can,

EdwardBentler

@EdwardBentler Alright, I figured it out, when you click a tile while it's sliding, it moves it twice, then, when you click that tile and it moves, then snaps back to it's previous position it becomes glitched, and becomes what I like to call, a ghost state, then, when you click another tile it will merge with it, and then you can transfer the ghost state to that tile, and it continues until it breaks, as for the way I got outside of the tile area in the first picture, I have no idea.
I have a video but unfortunately any attempt to add it to this post doesn't seem to be working.

CodingCactus

@EdwardBentler ok cool, thanks for debugging it all! I'll try and fix that

CodingCactus

@EdwardBentler btw, I think I fixed it, would you mind testing it. Thanks!

EdwardBentler

@CodingCactus Yeah, you fixed it, and you're welcome.

P0GCHAMPB0i

This is harder than i thought...

P0GCHAMPB0i

Ummmmmmmmmmmmmmmmmmmmmmmmm... why does it says slidey is not responding? can you fix the code? because when I was doing my python work, it didn't say that.

edited

photo

so when i clicked exit page, then:

It was on ur game thing btw

CodingCactus

@P0GCHAMPB0i that's either a you or replit problem, nothing i can do

CodingEpic
P0GCHAMPB0i

hey @CodingCactus can u post the leaderboard?

CodingCactus

@P0GCHAMPB0i what leaderboard?

P0GCHAMPB0i

@CodingCactus the leader board that has the less time...

CodingCactus

@P0GCHAMPB0i the scores are only saved to local storage, so no

P0GCHAMPB0i

AYOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO I DID IT IN 32 SECS!!!!!!!!!!!!!!!!!!!!!!!!!!!!! CONFRATS TO MOIIIIIIIIIIIIIIIIII :DDDDDD

CodingCactus

@P0GCHAMPB0i please stop spamming, also 32 seconds is not a particularly good time for a 3x3

tussiez

@CodingCactus What?! I gave up after a few minutes

P0GCHAMPB0i
notTussiez

Reminds me of the old tile game in OSX :)
Nice job!

tussiez

@notTussiez Who are you?

P0GCHAMPB0i

AYOOO I DID IT!!!!!11

P0GCHAMPB0i

COOOOOOOOOOOOOOOOOOOOOOOLLLLLLLLLLLLLLLL

Coder100

Nice!!
But I still don't know how to beat it

FlaminHotValdez

@Coder100 there is a really simple way to beat 4x4

GhostKing007

@FlaminHotValdez tell me your secrets

FlaminHotValdez

@GhostKing007 Why should I tell you?

GhostKing007

@FlaminHotValdez Because I'm asking without threatening to send skeletons after you?

FlaminHotValdez

@GhostKing007 fine

get the 1st two rows the cycle in the last 2

GhostKing007

@FlaminHotValdez Yeah I looked it up. Got a 30 second time.

STCollier

Ooof, I'm not very good haha

CodingCactus

@STCollier at least you're able to do it! I've seen a few people take 10 minutes and just give up hehe

STCollier

@CodingCactus woah, haha. Luck could also be a factor here as well, because near the end, I just shuffled random pieces around. Or maybe I'm good at it because I know how to solve the rubik's cube and other puzzles ;)

Bookie0

@CodingCactus Hehe I take < 20 seconds and I just give up hehe

StarletDevil

This is haaaard

ChopSueyMaster

Nice

[deleted]

Hey look what i found in my gmail:

The puzzel that you made :)

BananaJellyfish

cool!

SeamusDonahue

good game, its just too hard for my tiny brain

PyCoder01

I tried to speedrun 3x3 and got this time

OldWizard209

Beat that:


@PyCoder01

PyCoder01

@OldWizard209 Nice inspect element.

OldWizard209

no i didnt lol. Proof for you:

@PyCoder01

PyCoder01

@OldWizard209 You can still inspect element from there.

OldWizard209

lol, tbh, I don't mind if you don't believe me @PyCoder01

PyCoder01
OldWizard209

thats what i thought @PyCoder01

PyCoder01

@OldWizard209

FlaminHotValdez

@OldWizard209 already did

OldWizard209

ahem lol I was referring to the pycoder dude, who apparently doesn't even believe that the score I managed to get is possible, even though people like you have done far better.

pathetic

@FlaminHotValdez

FlaminHotValdez

@OldWizard209 its rng on the positions

firefish

those old games where you had a 4x4 grid and you had to arrange the numbers to be back in order

yeah pretty sure those were called 15-puzzles

firefish

i looked at the webpage background
rest in peace my eyeballs

CyberHacker101
Fe4R20

wOw

wenwenb

AHEM

911 did not believe me so help that square @CodingCactus
PLS

CodingCactus

@wenwenb thats a problem with you, I can't do anything about that

pr0p3rno0b10

This makes me very happy

Yimmee

i don't know if that is the case, but can you tell me how to solve what i think is the gradient from the background?

CodingCactus

@Yimmee what?

Yimmee

@CodingCactus the gradient of the back ground. the thing outside the real puzzle and it looks like a rainbow, i can assume, if put together

CodingCactus

@Yimmee oh they're just random colours actually, although that would be a cool idea to make it an actual thing

Whippingdot

I pressed on your profile picture to see your pfp, and I just saw the new profile experience - it DOPE!

On the game though, it is soooo hard. I LUV IT THO

ch1ck3n

can i suggest something? in sliding puzzles you order it by their number.

this makes it easy to know what goes where (in symmetrical puzzles) anmd much easier.

FlaminHotValdez

@ch1ck3n i agree lmfao I put in an image with text on a white background in 5x5 and top row was just white :/

iocoder

@CodingCactus *tries* *5 minutes later: nearly solves the puzzle with only one piece off* Me:

IGamer123

I luv this toy you get at Mcdonalds lol

AndrewAung11

Whoo hooo!

BTW a really good game.

What are you doing go and play that game!

FlaminHotValdez

Feedback: maybe when we're done, add the last tile? I put a picture of one of my favorite quotes in, solved it, and saw a giant green block where the last piece should have been

FlaminHotValdez

ah, nostalgia

I still have one of those 4x4 puzzles in my room