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
- You can bomb at any point during the game.
- To bomb, you must play all of your cards at once. No partial plays allowed.
- 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 only when you have two cards in your hand, not more or not less.
- Addition can be done with two cards or more, as long as the total of all cards does not exceed 13.
- By the way, playing the last card isn't allowed. Simply draw another one.
- You can bomb only to the cards thrown by other players.
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
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
Update
2024-01-03
- Points and medal system.
- Stats modal.
2024-01-08
- Play count.
Top comments (9)
Seems very buggy.
I should be able to bomb, right? Yet, I cannot. This happens a lot.
Thanks a lot for trying the game, and your feedback!
Well, 9 can not be bombed by 2, 7, 8 because 2 + 7 + 8 is not 9, and you have to use all cards in your hand when you are bombing.
I added additional explanations to bombing section.
Ah, the instructions are not clear in the sense that the sum is all cards or nothing. I thought I would be selecting the ones that were to sum.
How about this one? 9 - 2. Cannot select the 2.
You are right. instructions for bombing was not clear enough.
Here's updated version.
You have been big help, thanks again!
I see. So you can only bomb to win. That's no fun, I think. Wouldn't it be more fun if you could bomb whenever? Also I think the instructions don't say that you can drop more than one card at once if they have the same numeric value.
Actually, bombing whenever you like might be another good idea I might try later when I create another game. But, for now, I'll stick to the rule tested by my friends for 3 years.
About dropping more than one card at once, it is in the instruction as below.
Yea, it surely has lots of instructions, but I hope someone out there takes the time to learn and enjoy it as much as I do.
If Ace's are meant to skip the player, how come I just got my Ace bombed? Bug? Basically, the Ace did not skip the player.
Yes, that is right behavior. Since you can bomb any time you like, a bombing by your opponent can override an Ace-triggered skip.
I added this to the instruction.
Thanks for clarifying, really appreciated!