â Back to Community

# Switcheroo.css-1q3m8ps{margin-left:var(--space-4);margin-right:var(--space-4);display:none;}

Switcheroo is a new puzzle game I made in VScode!! It's also my first game post in a long time...

I made this game using nothing but google fonts and font awesome!! I really like how the usage of icons has really shaped this game. I'll explore more into later games ;) I also really like the transitions :D

One of my better projects, I really liked how dynamic this was!

## How to play.css-1q3m8ps{margin-left:var(--space-4);margin-right:var(--space-4);display:none;}

Your goal is to make all the squares green. Click on a square to invert its whole row and column.

Can you solve this puzzle in only one move?
Answer: If you said row 1 column 4, you are correct! Because the whole row and column is inverted, the red L vanishes!

## Hints.css-1q3m8ps{margin-left:var(--space-4);margin-right:var(--space-4);display:none;}

Some levels are a bit hard, so I will drop in some hints. The notation is `(x,y)`. It denotes the position of the square to click on. Note: The puzzle doesn't get solved! It gets you to a state where you can hopefully figure it out on your own.
ONLY DO THESE WHEN YOU ARE HAVING TROUBLE

LevelProcess
4(1,1)(1,2)(1,3)(1,4)
5(1,1)(1,4)(4,4)
8(1,1)(2,2)
10(2,3)
11(2,3)
12(1,1)
17(3,3)
20(1,1)(1,2)
21(1,2)(2,2)
25(2,2)(3,3)
21(1,2)(2,2)
21(1,2)(2,2)
26(3,3)(2,2)
34(1,4)
35(1,1)

## Strategy.css-1q3m8ps{margin-left:var(--space-4);margin-right:var(--space-4);display:none;}

The trick is to click on all the tiles that are red at the very beginning. Then after you've clicked all those, repeat. Works every time ;)

-

@maxyang

## Credits.css-1q3m8ps{margin-left:var(--space-4);margin-right:var(--space-4);display:none;}

Special thanks to

To be on the leaderboard, please comment below with your screenshot of the win screen (like what you were told to do đ)

## Challenges.css-1q3m8ps{margin-left:var(--space-4);margin-right:var(--space-4);display:none;}

• What is the minimum move count? I predicted 216 but
@maxyang
proved me wrong!
• What is the maximum amount of permutations of a 2x2 square? 3x3? 6x6?

# My low score is 800! Can you beat me?.css-1q3m8ps{margin-left:var(--space-4);margin-right:var(--space-4);display:none;}

btw cactus already beat me :(

Voters
Profile icon
SilvermoonCat
Profile icon
pzrepl
Profile icon
Astrroidd
Profile icon
Spotandjake
Profile icon
Wilke000
Profile icon
YPD
Profile icon
forceofyoda
Profile icon
chillcafe
Profile icon
conkon300
Profile icon
coder400
hotnewtop
Profile icon
DynamicSquid

Squids can also change colour!

Profile icon
Coder100
Profile icon
FlaminHotValdez
Profile icon
DynamicSquid

@maxyang
lol xD

Profile icon
fuzzyastrocat

@DynamicSquid
At this point, it's best to ask:

What can squids not do?

Profile icon
FlaminHotValdez
Profile icon
Coder100
Profile icon
Orange541

Yes man! Squids are the [email protected]

Profile icon
DynamicSquid
Profile icon
DynamicSquid

@Orange541
yay thank you!!

Profile icon
fuzzyastrocat

@DynamicSquid
I mean, I prefer jellyfish myself, but I'll support any kind of tentacled sea creature :D

Profile icon
DynamicSquid
Profile icon
sylashur

@fuzzyastrocat
Apparently, they cannot eat the blue-ringed octopus.

Profile icon
fuzzyastrocat

@sylashur
Good to know. If I ever get a pet squid I'll never feed it a blue-ringed octopus :D

Profile icon
Coder100
Profile icon
Coder100

aren't like blue-ringed octopi poisonous

@fuzzyastrocat

Profile icon
fuzzyastrocat

@Coder100

aren't like blue-ringed octopi poisonous

Yeah I think so. I think they're venomous or something.

ew

Why?

Profile icon
FlaminHotValdez

@Coder100
ye they're VERY poisonous enough to kill people.

Profile icon
Leroy01010

ahh

@dynamicsquid
can't eat itself
@fuzzyastrocat

Profile icon
CodingCactus

btw cactus already beat me :(

haha

Profile icon
Coder100
Profile icon
ThatCoolCoder

Slight problem: it's not very hard to inspect element and make the win screen show up without doing any moves.

Profile icon
Coder100

@ThatCoolCoder
well, I won't fix it

Profile icon
Coder100

@ThatCoolCoder
a sample solution would be to make a new element class, and whenever you win, we create this new element class into the gameboard and then when you click next level the element gets deleted, but it seems like too much ado over nothing when there are even more matters on hand: `localStorage`

Profile icon
ThatCoolCoder

@Coder100
Yeah I didn't really expect you to fix it, I was just pointing out a general problem with html/js games. Sorry to trouble you!

Profile icon
Coder100

oh its fine I really liked the feedback

@ThatCoolCoder

Profile icon
RohilPatel

Did you know I like to switcharoo my upvote tactics?

Profile icon
Coder100
Profile icon
Coder100

Here's a solved upvote
Continue to the next level >>

@RohilPatel

Profile icon
RohilPatel

Nice lol

@Coder100

Profile icon
Coder100
Profile icon
RohilPatel

Level 2: our pe teacher made us do a switcharoo challenge today, literally lots of moving lmao

@Coder100

Profile icon
Coder100
Profile icon
RohilPatel
Profile icon
RolandJLevy

Hey

@Coder100
, I love the game. Good graphics and game-play, and refreshing to see it's been made with Vanilla JS rather than a framework or library. Is this an original game you created?

Profile icon
Coder100

@rjlevy
Thanks!! Yeah, this is original :)

Profile icon
RolandJLevy

@Coder100
ah, OK! Really excellent concept for a game. Well done! đ

Profile icon
Coder100

:D Thanks!!

@rjlevy

Profile icon
python88
Profile icon
RolandJLevy

Hey

@python88
, isn't this game by
@Coder100
great! đ

Profile icon
python88

@rjlevy
yeah!

Profile icon
python88

@rjlevy
i hope you get trending soon!

Profile icon
python88

@rjlevy
wait, how do i have 74 cycles or whatever it's called?

Profile icon
python88

@rjlevy
for my 100 cycle celebration i will make a big project!

Profile icon
RolandJLevy

@python88
sounds good! đ

Profile icon
python88

@rjlevy
thx! in my time zone, if u posted this 2 hours ago, it woild be 6:25

Profile icon
RolandJLevy

@python88
yes, that's right. What country are you in? I'm in the UK

Profile icon
python88

@rjlevy
oh i'm in the us

Profile icon
python88
Profile icon
asheby

noice

Profile icon
Coder100

thanks!

@asheby

Profile icon
[deleted]

@Coder100
why u bully me on my posts. Wut did I ever do to u

Profile icon
MemeManHimself
Profile icon
zplusfour

@FluidCycling
huh
Look at the cookyelang docs, u will see that coder100 makes a smile on it face

which it's wrong

Edit: makes a smile on ur face

Profile icon
[deleted]

@ZDev1
He bullied me on my post bro!

Profile icon
zplusfour

@FluidCycling

Profile icon
[deleted]
Profile icon
python88

i got 484: Congratulations!! You completed all the levels! Make a comment in the post with this screenshot to be on the leaderboard!
Moves: 484

Profile icon
Coder100

@python88

Profile icon
fuzzyastrocat

Nice job! Fun and inventive game.

Profile icon
Coder100
Profile icon
fuzzyastrocat

@Coder100
No problem!

(Your second challenge reminded me that I wanted to try to make a non-trivial 2x2 puzzle game... time to get thinking!)

Profile icon
Coder100
Profile icon
fuzzyastrocat

@Coder100
Yeah, my motivation was kinda that it seems like every puzzle game gets hard because of how much stuff there is, so trying to make a game that gets hard because of how little stuff there is might be fun

Profile icon
fuzzyastrocat

@Coder100
I think I've done it â Stay tuned! :D

Profile icon
fuzzyastrocat
Profile icon
cmglj

ok, ok dude. this is INSANE, i click. play and that transition to the game. just wow. you can for sure make games and websites! great workkkkkkkkkk

Profile icon
Coder100

@cmglj
sorry, for the late reply, but THANK YOU SO MUCH!! :D

Profile icon
[deleted]

1976 :(

Profile icon
Coder100

@poetaetoes

Profile icon
[deleted]

also lvl 11 is impossible. i tried maxyangs tricks too:(

Profile icon
Coder100
Profile icon
Coder100

How about `(2,3)(4,4)`?

@poetaetoes

Profile icon
[deleted]

@Coder100
oh nvm

Profile icon
[deleted]

10000000000000

Profile icon
[deleted]

level four is imposible even with 1,1|1,2|1,3|1,4!!!

Profile icon
Coder100
Profile icon
Coder100

try maxyang's method, that's how I solved it

@poetaetoes

Profile icon
HyperOfficial

lmao this is so hard pog champ
im still stuck on 3, there should be hints for 3 lmao

Profile icon
MemeManHimself

@HyperOfficial
Same here lmao

Profile icon
FlaminHotValdez

@HyperOfficial
Click the two green tiles.

Profile icon
HyperOfficial

@maxyang
okay i try

Profile icon
DungeonMaster00

Profile icon
Coder100

@nk1rwc

Profile icon
Muffinlavania

69 upvote Pog

Profile icon
Coder100

you mean

@Muffinlavania

Profile icon
Muffinlavania
Profile icon
Coder100

reee it's

# NICE

@Muffinlavania

Profile icon
Muffinlavania

@Coder100
This project is too blessed. I shall upvotes for the cause

Profile icon
Muffinlavania

@Coder100

# REEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE.css-1q3m8ps{margin-left:var(--space-4);margin-right:var(--space-4);display:none;}

POG

Profile icon
Coder100
Profile icon
Coder100
Profile icon
Muffinlavania

@Coder100
ok ok i will un upvote, but after someone else upvotes i will upvote again, but for now I SHALL RULE WITH MY UNO (For real i dont know why i have 100 upvotes but i do)

Profile icon
Muffinlavania

@Coder100
illuminati confirmed

THEY'RE ONTO US

Profile icon
Coder100
Profile icon
Muffinlavania

@Coder100
lmao pog

Profile icon
EpicGamer007
Profile icon
HackermonDev

How much time did it take for you to make this?

Profile icon
Coder100

exactly one week!! :D

@PDanielY

Profile icon
KnightsOfAzgard

@Coder100

Profile icon
KnightsOfAzgard

I think the leaderboard has got it upsidedown...

Profile icon
AaronMa4

Profile icon
conkon300

I got a good score!

Profile icon
Coder100

wow!! Nice!

@conkon300

Profile icon
Brayden0

Profile icon
Coder100

wow! Nice!

@Brayden0

Profile icon
Bo01ean

also very cool game me and my friend Brayden0 have been trying to get better at this for days!

Profile icon
Brayden0

Profile icon
Brayden0

By the way this is my favorite game ever that I have played on any coding sites. Keep up the great work.

Profile icon
Brayden0

Wait i did better

Profile icon
Coder100

cool, changing it

@Brayden0

Profile icon
CoolGuy27

@Coder100
got a new highscore

Profile icon
CoolGuy27

@Coder100
wait got better

Profile icon
Coder100
Profile icon
CoolGuy27

@Coder100
Thanks!
btw what is the number by my name? i'm new

Profile icon
Coder100

no problem!
The number by the name is how many cycles you have, they're like reddit karma (pretty useless lol)

Here, let me give you one

@CodyTrainer

Profile icon
CoolGuy27

@Coder100
ok thanks!

Profile icon
CoolGuy27

@Coder100

Profile icon
Coder100
Profile icon
CoolGuy27

@Coder100
new highscore srsly only by one move!!!

Profile icon
Coder100
Profile icon
CoolGuy27

@Coder100
cool guy is my new username you can remove codytrainer

Profile icon
CoolGuy27

@Coder100
yesyesyesyesyesyesyesyesyesyes

Profile icon
SystematicError

@Coder100
Guess who spent 3.5 days trying to get the 1st place on the leaderboard. Not me because I'm too dumb =D . Anyways here's the closest I have got:
image

Profile icon
Coder100
Profile icon
Coder100
Profile icon
Coder100

good luck getting there! You can do it!

@SystematicError

Profile icon
Brayden0

I got my high score

Profile icon
Coder100

@Brayden0

Profile icon
IMaperson2

Ahhhh...

Profile icon
IMaperson2

I would honestly buy this game if it had more levels and a level select. It's better than almost all of my mobile games.

Profile icon
Coder100

@IMaperson2
lol thanks :D

Profile icon
Coder100

hey, you know, I think I might be able to, too bad I don't have a phone :(

@IMaperson2