šŸŽ® WDC #20 Can you build your own "Hangman"-style word game?

Previously…

After a brief hiatus the weekend design challenge returned last Friday. Participants were tasked with designing and creating their own To-Do List app and the results certainly did not disappoint. Massive thanks and congratulations to @tatiang @muneer @codeswept and @overturner who successfully completed their apps in the allotted time. Honourable mention to @tobi who shared one he had made earlier. If you have a To-Do list app you want to share, please do - we love to see what you create with Thunkable.

This Week:

Earlier in the week you voted for the game you wanted to attempt over the next few days, and in the end the classic word game ā€œHangmanā€ won out. I don’t think this one requires too much explanation - the player has a limited number of guesses to work out the hidden word. Your app needs to keep track of all guessed letters, splitting them into correct guesses and incorrect guesses. There also needs to be a clear ā€œGame Overā€ condition, depending on whether or not the player successfully guesses the word.

Prizes!

This week marks something of a mini-milestone as it’s our 20th Weekend Design challenge! To celebrate the wonderful @jane will once again be lending her creative talents to provide a custom designed sprite for the winner.

Good Luck :crossed_fingers:

Summary of Entries

I looooove word games, but I’ve always thought Hangman was a bit morbid. Is this a lynching reference? Yeah, not going there. So, I am pleased to present The Very HANGry Caterpillar, a friendlier implementation of Hangman. Guess a letter. If your word or phrase doesn’t contain that letter, the caterpillar will eat part of your garden. You win if you complete the word while you still have any garden left!

You can play it yourself using this link: thunkablecompanion UPDATE: well, you could have, before the app limit. I’ve unpublished, so you’ll have to take my word for it.

I was avoiding working on my shopping list app (feature creep - ugh!), so I made a video showing how I did it: WDC #20 walkthrough (How to build Hangman)

To-do: Currently, you get 8 guesses no matter what. Phrases should probably give you fewer guesses, especially some of the longer ones that have most of the letters in them – too easy as it is!

This is amazing! I especially love the way you chose to portray the number of guesses gone- a caterpillar eating a garden up! That’s so cool. And especially the animation/ jolt forward when the caterpillar grows bigger! I love it!

Here’s mine: DangMan


You can choose the length of the words you’ll get


Guess the word but using the inbuilt keyboard and the dashes gives. For each wrong guess a part of the person is shown.


I decided to skip APIs and use a different method. I’ve collected a couple of words in Airtable myself, and am relying on the users to add words and build our database. When you try the app, add a couple yourself!

Play it here:
https://x.thunkable.com/projectPage/5fe1a9b9dd26a50012d8d2d8

bravo! it’s clever the way you stored the body parts (sounds gory!) - i’m impressed at its functionality!

i’m thoroughly impressed how you implemented the games especially the alternative way of showing impending tragedy (cuter than the original)! and also how efficiently cloning is put to good use!

Thank you! I realized that storing the parts in a list and then using the any component blocks to change the visibility was probably the quickest option. I used a lot of extra blocks to change background colors and sizes instead of just using visibility, though. That was because when I got the left arm first, it took up all the space from the right side the left, but as soon as I got the right arm it shifted to make way. I didn’t want all the shifting, so I decided to keep them in their place from the start, just with a white background to camouflage.

Question about the cloning: how did you get the buttons to move to the next line once there’s no space left? I take it you’re cloning inside a row. How come it doesn’t continue horizontally and actually creates a new line?

Great Game Dear @codeswept

Under advanced settings, positioning. Flex wrap. Best kept responsive design secret in the old interface. :slight_smile:

Thank you @rishabh_jainsec.acc :grinning:

Aha! I knew you would have figured out that piece of gold! I’ve always wanted to clone keyboards and the like, but I always thought there was nothing I could do stop it from disappearing into the side of the frame.

Sizing for the container is a little weird on Android - expect to need to do some testing - ā€˜fit contents’ doesn’t deal well cloned components showing up.

Hi everyone!
This is my attempt.

name: Mr.HangMan.

you can gues letters or even the whole word!

It’s not finished yet.

this is some basic sttuff i quickly build.
anyways i wanted to take a break of being serious about my projects so i put a few memes inside of it when dying or winning.

[UPDATE]
you will now see dashes to show the number of letters and the letters will show at their position.
Like @codeswept suggested.

[UPDATE 2]
Fixed looping bug

@domhnallohanlon i also found a bug when using break out of loop block you get this error:
Screenshot 2021-07-10 5.00.24 PM
due to this you have to refresh when winning!

This is a great attempt, but I don’t see any dashes to show the number of letters or fill in the blanks for those letters.

Thanks for the feedback @codeswept!
I’ll try to add this next time.
Was already on my to do listšŸ˜…

Yeah… without that it’s impossible to guess the word.

Yep.
Anyways do you have Any other things to improve?
So I can fix it tommmorow.
Thanks

here’s my entry!
i was inspired by the entries of @catsarisky (clones are powerful!) and @codeswept (clever imagery!) but i limited the game to words from 5 to 8 characters in length and the API i use only allows random gets on nouns and adjectives. i was surprised to realize towards the end that i had used clones of components in practically all the game parts!.

here’s the project link
https://x.thunkable.com/copy/61cf6f4a75ff4b3aebe3d07225ca8a1b

below is a screen capture midway into the game.