This week we have a fun one for you all! I spotted a neat game on dev.to by Shailesh Parmar. In the past, Shailesh has built clones of WhatsApp, Spotify and Netflix himself so I thought it would be cool if we used one of his apps for inspiration this week.
This is one of those projects that you could probably spend months on but here are a couple of features I spotted that you might incorporate into your project:
Ask the user for their name on Screen1 and greet them by name on Screen2
The animation component does have a click event handler, but you could just as easily use buttons here.
Figuring out if that cards are a pair is one challenge
Creating a randomly distributed board of cards is another challenge entirely
I really like the “congrats” gif when the game is completed
You can add difficulty levels, count the number of moves, track the time taken to complete a board, set a time to complete each board in, add in a points system, move up to a harder board after an easier on is completed…the list goes on and on here, and all of that is before you’ve even picked your colour. scheme, a theme for your cards, icons etc etc.
I’m going to try to submit an entry myself again this weekend but I’m also delighted to announce that @jane will be joining us as a “Special Guest Thunker” for this particular challenge too!
Best of luck to everyone and, as always, really looking forward to seeing all the creative ideas you come up with!
@codeswept created “RAMory Game” with sound effects and a lots of tiles to keep track of with your working memory - definitely my favourite project name this week I think! Here’s the project page if you want to remix it.
Missed this post. I remember writing a memory game in robo basic (TRS80) then again in QBasic using graphics. I actually managed to sell it with royalties. This would be a good one to learn the canvas. Might see what the results are here. Cool comp
So first off, I’d recommend building it with just the 8 cards as per the example app.
You’ll also need to play the game a bit to get a feel for how it works (yay - playing games for research)
The “levels” might just be an extra pair of cards? It could be a shorter amount of time to complete the board? There are lots of things you might do here - it’s a design challenge so I’m really interested in seeing the ideas and concepts that people come up with.
My list was just for guidance and there’s no requirement that you must include everything on the list - take a look at the previous two challenges in particular to see how folks expanded on the ideas from the original brief and created something that was their own interpretation.
Here’s a sneak preview! My idea is to combine memory with a puzzle game. So once you match two cards, you get to use that piece to solve a jigsaw puzzle. I’ve only coded the memory part so far. It generates a random arrangement of cards each time you play.
I used a single button component and lots of cloning and dynamic access (using Any Component blocks) to the button properties. And the legacy interface. The image is a Creative Commons image that I split using Split image online. I meant for this to be a difficult memory game. There’s no sound yet.
And because it’s all dynamic, it should be really easy to add different card images or even let the user select a set of images.
Note that the card cloning is a little slow in the video because I wanted to make sure it worked. I’ve sped it up already in version 2 which you’ll get to see soon…
This is a great idea @tatiang - thank you for the sneak peak!
Great resource - thanks for sharing. Given that we’ve seen quite a few questions about Cloudinary this week it got me wondering if this could be done via their API? A quick search suggests that it can be done manually but they done have any filter/endpoint specifically for it…anyway…one for a different challenge maybe?
ok let’s collect all these great resources in one place for increased visibiity!