Baby Shower Gallina Slot Machine

A simplified slot machine game designed for baby shower gender reveal parties. The game is based on the "Vinci la gallina" slot machine concept but adapted for gender reveal purposes.

Features

• Two-page application: Sex selection page and slot machine game
• Predetermined outcome: The final result is set before the game starts
• Two-column gameplay: Pink hearts vs Blue hearts
• Four symbol types:
  • Pink heart: +1 to pink column
  • Blue heart: +1 to blue column
  • Yellow star: +1 to both columns
  • Teddy bear: Reset both columns to 0
• Reveal phase: When both columns reach 7/7, the page fades to black and shows the predetermined gender result

Game Logic

The slot machine follows specific rules to ensure a predetermined outcome:

1. Initial probabilities:

   • Pink heart: 38%
   • Blue heart: 38%
   • Yellow star: 22%
   • Teddy bear: 2%

2. Balance enforcement: No column can reach 7/7 if the other is less than 6/7

3. Final phase: When both columns reach 6/7, a star is forced to complete both

4. Reveal: The predetermined gender is shown as the final result

Technology Stack

• Vue 3 with TypeScript
• Vite for build tooling
• CSS animations and transitions
• Client-side only (no backend required)

Development

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

Usage

1. Open the application in a browser
2. Select the predetermined gender (Boy or Girl)
3. Click "START GAME" to begin
4. Watch the slot machine spin and fill the columns
5. When both columns reach 7/7, the reveal phase begins
6. The predetermined gender result is displayed

Assets

All graphical assets are located in the public/assets/ directory and include:

• title_logo.png - Main game logo
• boy.webp - Blue heart symbol
• girl.webp - Pink heart symbol
• star.webp - Yellow star symbol
• bear.webp - Teddy bear symbol
• frame.png - Wheel frame
• respin.png - Spin button icon
• background.png - Background image
• info.png - Information icon
• plus.webp / minus.webp - UI icons

The game is designed to be run locally and can be served by any static web server.