Flutter 8

Inspiration

I was thinking about interesting things to do with a slide puzzle and I thought about magic squares. So I implemented a slide puzzle that was a magic square.

Challenges we ran into

The project was mostly straightforward. I ran into a few problems with alignment and padding but for the most part, everything just worked. That is until I tried to build for Web. Apparently, you need to specify the build-href. I originally tried using Peanut but that just caused more problems.

What we learned

I learned that in order for an image to go over a container properly you have to set it to

fit: BoxFit.cover,

I also played around with shadow options. The main board was made with an inner shadow which works surprisingly well to convey depth. Also apparently you can put any arbitrary widget in an InlineSpan using a WidgetSpan which is pretty cool. Lastly learned how to host Flutter projects on Github. I tried using Peanut but it didn't work.

What's next for Flutter 8

I considered making the puzzle a 4x4 puzzle. The problem with that is you'd have to brute force every possible magic square for a 4x4 puzzle with a 0 in it. It's possible, it'll just take a long time. Although I don't know if it'll be any more fun.