102
edits
No edit summary |
|||
Line 79: | Line 79: | ||
[[File:typeich.jpg |300px]][[File:heart.jpg|300px]][[File:wild.jpg|300px]][[File:type.jpg|300px]] | [[File:typeich.jpg |300px]][[File:heart.jpg|300px]][[File:wild.jpg|300px]][[File:type.jpg|300px]] | ||
==FINAL PROJECT== | |||
For my final project I decided to create a special memory game - Secret Message, for which I made letters and pictures styled as cross-stitch. | |||
'''How it works?''' <br/> | |||
First, after starting the program you should write and submit your message. The program then creates a memory game, where the letters from your message are mixed with pictures and placed randomly under the cards. Here you can play the memory game - if two pictures match they disappear; the letters don't disappear, even if you find two same letters; in some cases there is an extra card - Joker, which has no matching card and disappears only if it's the first card of the flipped pair. When all pictures are found and matched the letters rearrange and build your message. | |||
'''Developing process''' <br/> | |||
Before starting to code I did a research, sketched the game mechanism and rules, wrote the table creating algorithm and sketched all the letters and pictures which I wanted to use. Here are some of the sketches: <br/> | |||
Then there came the first coding problem: how to code the letters with the chosen pattern? Do I have to code every single x there? Nope, too much work (thousands of x-es with their coordinates).. Maybe a mask over an image? Well, 10 lines code in average for every mask for more than 70 symbols… Hmm.. Not the best idea.. | |||
At the end I decided to draw all the letters and pictures as SVG files, which lowered significantly the number of lines of code and made the program faster with no difference in the appearance - win win! Here are some of them: <br/> | |||
[[File:pictures.jpg]] | |||
After writing the main mechanism of the game I made the animations for flipping and disappearing and completed successfully the challenge to match the (which was a real pain in the ass and took much time till it worked properly). Just to show you what I have to deal with most of the time: <br/> | |||
[[File:error.gif]] | |||
But at the end it all worked as it should and here is the video of how it is: | |||
The source code: | |||
When you try it please use shorter words, it still doesn't work that well with long messages (the speed gets lower) | |||
There are still some improvements I'm working on at the moment. |
edits