ArtPuzzle

Puzzle for Mona Lisa

Inspiration

We want to combine arts and entertainment together and allow users to enjoy famous paintings while playing games. Jigsaw puzzles need players to pay closer attention to those arts.

What it does

This art jigsaw puzzle includes three famous worldwide art pieces, Mona Lisa, The Starry Night, and Napoleon Crossing the Alps. Each art painting is divided into 25 randomly shuffled pieces. The players can shift and reorganize the pieces to produce complete art.

How we built it

We start by constructing the UI with HTML and CSS. To beautify the overall layout as well as increase responsiveness, we imported the use of Bootstrap. The whole logic and functional part was written in Javascript, a language which all of us are not familiar with.

Challenges we ran into

In the beginning, when we tried to drop a piece on a small box that already contains another piece, the original piece covered the new piece instead of disappearing. It took us hours to fix this problem and finally, we solved it.

Accomplishments that we're proud of

One thing we are proud of is that we used an unfamiliar language and successfully complete this project.

What we learned

Three of us have never learned Javascript before. We started from scratch and perfectly achieved drag and drop in javascript.

What's next for ArtPuzzle

We can add a spinning function to make the puzzles more challenging. We can also create different levels of difficulties such that players can change difficulties while playing. Another improvement we can make is allowing users to upload pictures themselves.