Uno Bomb is yet another Uno-like game with fun complications
Tags: astrojs, svelte, cardgame
Published: 2023-12-24 12:12:07

---
title: Uno Bomb is yet another Uno-like game with fun complications
published: true
description: Uno Bomb is yet another Uno-like game with fun complications
tags: Astrojs, Sveltejs, Cardgame
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-12-24 07:28 +0000
---

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
https://uno-bomb.com

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&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | Cards that can be bombed |
| ---- | ---- |
| 2♥, 3♠, 4♦ | 9♦ (2 + 3 + 4) |
| 3♥, 4♥ | 1♥ (4 - 3)<br>7♣ (3 + 4)<br>12♥ (3 x 4) |
| 6♦, 12♠| 2♥ (12 / 6)<br>6♣ (12 - 6)|
| 4♣, 4♦ | 1♣ (4 / 4)<br>8♥ (4 + 4) |
| 1♦, 10♣ | 9♥ (10 - 1)<br>10♣ (10 x 1)<br>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&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | 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.