-
-
The landing page
-
The game before starting
-
Playing the game
-
Winning the game
-
Losing the game
Inspiration
I wanted to work on my design and UI skills and wanted to make a game. So I thought to myself that to a hangman style game that is Wild West themed would be the perfect fit for this hackathon.
What it does
The game and its premise is fairly simple. There is a secret wild-west themed word that the player(you) do not know. You then enter letters guessing what the word is. Once you guess a correct letter it is displayed on the respective blank spot. If you get a letter wrong then it will be displayed in the bottom with all the other incorrect letters, so you can keep track of which letters did not work. HangHorse, however, does not hang a horse like a man is hung in hangman. Instead the game just tells you when you lose. When you win the game tells you how many guesses you took and gives you a score to tell you how good you were.
How I built it
I used HTML5, CSS3, Bootstrap, JS, and parallax.js to make hanghorse. Parallax.js was used to create the fancy hover effect on the hero section of the web app. HTML and CSS were used to make the website and to make it look good. The JS was used to capture user input, then display all the incorrect letters, display the correct letters, calculating the score, keeping track of the number of guesses, and displaying the message depending on if you lose or win.
Challenges I ran into
This was my first time using parallax.js so I had difficulty getting the text to look the way I wanted on the hero section of the website. I also had to figure out how to display the correct message, and just trying to get the CSS and JS to work together in the way I want to.
Accomplishments that I'm proud of
The game works as desired! I also think the whole product looks neat, the colors are good, and it is aesthetically pleasing.
What I learned
I learned how to use parallax.js, and I got better at getting js and css to work together the way I want to
What's next for HangHorse
I would like to make different modes for HangHorse so people can play with different word sets, adding difficulty levels to test how big of a fan you are of that category, and just making the website and game look better in general
Log in or sign up for Devpost to join the conversation.