search

zurda / hangman-films

Hangman game: guess the film (movieDB API, Typescript, React)
https://hangman-films.netlify.app/
6 stars 6 forks source link

Change remaining guesses indication to something cinematic #36

Closed zurda closed 3 years ago

zurda commented 3 years ago

Purpose

Right now, the remaining guesses are indicated by hearts:

Screenshot 2020-10-23 at 21 09 40

To make the game more like hangman, we would like the guesses indicator to be a drawing of something cinematic. For example, a clapper board, a director's chair. The idea is to have the drawing reveal itself using css/ svg.

As you make your guesses, lines are added to the guesses section to draw something. Here are a few drawings for inspiration. Any other ideas are welcome

Screenshot 2020-10-23 at 21 13 27 Screenshot 2020-10-23 at 21 20 46 Screenshot 2020-10-23 at 21 21 18
thadeucity commented 3 years ago

I can easily change to one of the following: https://fontawesome.com/icons/film?style=solid https://fontawesome.com/icons/video?style=solid https://feathericons.com/?query=video

I believe they match really well with the Material Design theme used for the rest of the application

zurda commented 3 years ago

They're really nice. Feel free to change them if you think it adds some fun to the app Thanks!

zurda commented 3 years ago

Thanks @thadeucity ,I appreciate your help :)