Space Cube

Inspiration

I am excited to join the Flutter Hack Challenge for fun. I am not a good visual designer so I just want to make something special. Why don't I add an extra dimension to a normal 2D sliding puzzle? Therefore, I have came up with an idea of that 3D Sliding Puzzle

What it does

This is a sliding puzzle cube. You have to complete all six faces to finish. You can rotate it freely to see all the faces. I have found that it is quite challenging when the rank >= 3 but it must have a solution.

How we built it

I have used Flutter to build this web game. Thanks to the Transform widget of Flutter, the transformation of the cube become much easiest instead of I render everything bottom-up.

Challenges we ran into

I have found that the gesture detector does not work well for the Transformed widget (I would be happy if anyone can teach me how.). I have written some tedious calculations to transform the position of the screen that I clicked to the cube object.