-
Logo
-
Rock Throw Art
-
Paper Throw Art
-
Scissors Throw Art
-
Loose Screw Card Art
-
Gun Card Art
-
Opposite Day Card Art
-
Card Jail Card Art
-
Deal With The Devil Card Art
-
Washing Machine Card Art
-
Cat Card Art
-
Australian Washing Machine Card Art
-
Guardian Angel Card Art
-
Opposite Day Status Effect Art
-
Guardian Angel Status Effect Art
-
DoNothing Placeholder Card Art
Inspiration
We started with the idea to build a Jackbox-style lobby based game, which after some brainstorming landed on the idea for a spruced up rock-paper-scissors game. Our team liked this idea both because it helped us try out some work with a dedicated frontend/backend, and because we liked the idea of building a fun app we could use to resolve coin-flip disputes!
What it does
Our game is based on a simple game of rock paper scissors, but adds a pick-up-to-three card hand system that makes it a little more interesting than the game is by default. The cards range from cycling the player's throw (rock paper or scissors) choice, to destroying your opponent's or your own throw, to making a deal with the devil. Our goal was to enhance the randomness of the game, while adding a layer of gamification to make it more fun!
How we built it
We started from scratch, using fastapi, preact (a high performance react alternative), and vite (frontend packaging tool) to build our webpage. Python was used to code the backend cards and logic. Miranda created all of our beautiful card art, status effect icons, and logo!
Challenges we ran into
Formatting the website correctly so that the cards display (centering divs). Making the client talk to the backend. Setting up DNS and proxy for server security
Accomplishments that we're proud of
The lobby join system is SUPER SEAMLESS. Miranda's art is AMAZING.
What we learned
CSS formatting is hard :(
What's next for Rock, Baby!
Rock, Baby is just at the start of what it could be! We had several more card ideas we unfortunately didn't have the time to implement. Other than new cards, there are several options for continued development, including: higher quality and more numerous animations, more interesting card interactions, and it could even be a base for a higher-level rock paper scissors based strategy game!
Built With
- css
- html
- javascript
- openapi
- preact
- python
- typescript
- vite
- yarn

Log in or sign up for Devpost to join the conversation.