An interactive web-based tutorial application that teaches players the mechanics of a pirate-themed board game. Built with Blazor Server, the app walks players through crew recruitment, resource management, missions, and combat — complete with animated card effects and sound.
- .NET 10 / C#
- Blazor Server (Interactive Server-side rendering)
- Bootstrap 5
- JavaScript (animations and sound)
dotnet runThe app will launch at https://localhost:7024 (or http://localhost:5182).
Pirate-Tutorial/
├── Components/
│ ├── Pages/ # Razor pages (tutorial steps, port actions, tests)
│ ├── Controls/ # Reusable UI components (crew cards, player displays)
│ └── Layout/ # Main layout, nav menu
├── Services/
│ ├── PlayerService # Player switching and active player tracking
│ └── SoundService # Audio playback via JS interop
├── Site/
│ ├── Models/ # Game entities (Player, Crew, Mission, Talent, etc.)
│ ├── Managers/ # Game logic and data (crew cards, missions, utilities)
│ └── Enumerations # Game enums (resources, skills, banners, perks)
└── wwwroot/
├── css/ # Theme, typography, animations, sprites
├── js/ # Resource, crew card, and dig animations
├── Images/ # Crew, mission, player board, and icon sprites
└── sounds/ # Gold coin, pirate laugh, rum bottle audio
- Supports up to 5 players, each with their own crew, resources, missions, and infamy
- Gems — precious stones gathered through actions
- Doubloons — gold currency for bartering and recruiting
- Rum — liquid courage fueling various abilities
- Deckhands — basic crew members that generate resources
- Officers — powerful crew with triggered abilities
- Each crew card has a banner (Orange, White, Teal), a skill (Barrel, Guns, Anchor, Shipwheel), and recruit perks
- Dig — gather resources from the island
- Plunder — steal resources from rival players
- Waylay — attack and disrupt opponents
- Barter — trade resources at the port
- Color-coded special abilities: Red (combat/resource boosts), Yellow (tap abilities), Blue (mission/discovery bonuses)
- 72 available missions for players to pursue and complete
The app guides players through the game step by step:
- Reveal & Recruit — Crew cards are revealed and players choose who to recruit
- Choose Actions — Dismiss, barter, recruit deckhands, or trigger officer abilities
- Execute Actions — Perform Dig, Plunder, or Waylay with animated effects
- Generate Resources — Deckhands produce resources at the end of a turn
- Step-by-step interactive tutorial pages
- Animated crew card reveals and resource effects (gem glints, rum bubbles, coin flips)
- Sound effects (gold coins, pirate laughs, rum bottles)
- Sprite-based card rendering
- Multi-player support with player switching