For my portfolio, I’ve built an online card game app inspired by a game I enjoyed with friends in high school. I streamlined the rules, removing unnecessary complexities, and finally brought it to life as an app. This new version, titled Uno Bomb, captures the core gameplay while offering a more streamlined experience.
Tech Stack
Astro.js, Svelte
URL
Here’s how to play:
Basics
- The gameplay is essentially similar to Uno.
- Some cards have special roles, just like in Uno.
- When you have multiple cards with the same number, you can play them all at once (if you want).
How to win
To win the game, a player needs to bomb.
Bombing
- Players can bomb (play all) their cards based on the sum, division, multiplication, or subtraction of all the cards in their hand.
- Division, subtraction, and multiplication can only be done with two cards.
- Addition can be done with two cards or more, as long as the total does not exceed 13.
- By the way, playing the last card isn’t allowed. Simply draw another one.
- Bombing the cards you’ve already played is not permitted.
Bombing Examples
| Hand | Cards that can be bombed |
|---|---|
| 2♥, 3♠, 4♦ | 9♦ (2 + 3 + 4) |
| 3♥, 4♥ | 1♥ (4 – 3) 7♣ (3 + 4) 12♥ (3 x 4) |
| 6♦, 12♠ | 2♥ (12 / 6) 6♣ (12 – 6) |
| 4♣, 4♦ | 1♣ (4 / 4) 8♥ (4 + 4) |
| 1♦, 10♣ | 9♥ (10 – 1) 10♣ (10 x 1) 11♠ (10 + 1) |
- The suit is not relevant.
- You can see bomb-able numbers by turning on the Guide in the settings menu.
Counter-Bombing
You can also bomb the last card that others have bombed onto the deck. (It’s quite satisfying.)
Card with roles
| Card | Role |
|---|---|
| A (all suits) | Skip the next player. |
| 2 (all suits) | Take 2: The next player draws 2 cards (unless they play a 2). The number of cards drawn doubles for each consecutive 2 played (e.g., 4, 8, 16). |
| 9 (all suits) | Reverse the turn order. |
| J (all suits) | Specify the next suit. Can be played on any card except when you need to take 2. |
| K (all suits) | Open your current hand (unless you play a K). |
Tips
- The best tip: Play the game with friends or family once you’ve learned the rules here. You’ll truly appreciate the advantages (and, of course, the disadvantages) of open cards when you’re playing the game with real people.
- Setting up bomb traps or avoiding them is the most enjoyable part of the game, and keep in mind that the computer logic I implemented for this app might not be clever enough to fall into traps.
- And get ready for the thrill of counter-bombing chain reactions!
Traps
Once you become more experienced, you’ll discover that creating traps like these isn’t as challenging as it may seem.
Basic Trap
3♠, 4♠, 7♦
Then throw 7.
Nasty Trap
2♥, 6♦, 12♠
Then throw 2.
3♥, 10♦, 13♣
Then throw K.
- The suit is not relevant.
- You can opt out of playing a 2 or a K if you suspect a trap, but choosing not to play a 2 or K means taking 2 or revealing your hand.
Scoring
I haven’t added scoring functions to the app yet, but here’s how we used to keep track of points back in high school. It’s just one way to do it.
- Winner Takes All: The last player to successfully bomb wins and receives all points from other players.
- Card Count: At the end of the game, players lose points equal to the number of cards remaining in their hand. (Three cards? You lose 3 points!)
- Penalty Zones:
- Bombed: If someone bombs you, you lose an additional 5 points on top of your card count.
- Counter-Bombed: If someone counter-bombs you lose 10 points. (No double dipping from both penalties if both occur.)
- Grand Prize: The winner scoops up the total points lost by all other players.
We even used to track points as 10 yen each (Approx. 10 cents) and keep a scorebook for years but no one really claimed the money seriously since we all knew none of us had the money then.
Hope someone could find as much fun as I got back then.
https://uno-bomb.com
