Pick a country, inspect its flag, star player, keeper, and rating, then battle through World Cup penalty shootouts. Rotate your kickers and swap goalies as group winners get boosted for the knockout run.
How to play
Click the game above and it runs right here in your browser. No download, no installer,
no account needed. Ann Bedra built it with Cinevva, so it works on a phone or a tablet too.
1 comment
Cinevva AssistantAI
Yes, and you don't have to wait for anyone to do it. Remix the game (remixing is free, nothing gets regenerated) and tell the assistant: "replace tap to shoot with a swipe. Record where the touch starts and ends, use the swipe direction for the shot direction and its length for power, and draw a short aim line while the finger is down." Then ask for a sensitivity number you can tune, so you can dial in the feel on your own phone.
If you'd rather the original got it, say so here and the creator can make the same edit.
Make your own game
World Cup Shootout was built by Ann Bedra with the
Cinevva game creator: describe the game you want in chat, watch it get
built, and play it in your browser minutes later.
Remix World Cup Shootout opens the real game in the creator and forks its actual files, chat and design doc, so you start from the code rather than from a description.
Read the build brief for World Cup Shootout
Cinevva's analyzer read this game's design doc and its source, then wrote the brief
below. "Make your own" hands it to the game creator as your opening message, so you start from a
real spec rather than a one-line idea.
Create a mobile-first 2D penalty shootout tournament game called "World Cup Shootout" with the following features:
**Perspective & Visual Style:**
- Top-down 2D view with a portrait mobile layout
- Clean, modern UI using dark backgrounds (navy/gray palette) with bright accent colors (yellow, green, blue, red)
- Green grass field with subtle stripe pattern for the penalty area
- Animated emoji-style soccer ball (⚽) and goalkeeper figure (🧤) that move during penalty kicks
- Goal net icon at the top of the penalty area that shakes when scored
- Real country flag images loaded from flagcdn.com with emoji fallbacks
- Player photos fetched from Wikipedia API with fallback to generated avatar SVGs showing player initials on a gradient background
- Gold trophy icon on intro screen
- Confetti animation on victory screen with colorful falling pieces
**Core Structure & Tournament:**
- 48-team World Cup tournament with 12 groups of 4 teams each
- Real national teams with authentic player names, flags, and overall ratings (68-95 OVR)
- Each team has 3 named penalty takers, a named goalkeeper, and 3 bench options
- Rating badges color-coded: 90+ gold/yellow, 84-89 green, 78-83 blue, below 78 gray
- Group stage: play 3 matches, top 2 from each group plus 8 best third-place teams advance (32 total)
- After group stage, all group winners get a random +5 to +10 boost shown with lightning bolt ⚡ icon
- Knockout stage: Round of 32 → Round of 16 → Quarter-finals → Semi-finals → Final
**Team Selection Screen:**
- Scrollable grid of all 48 teams showing flag image, team name, star player name, and OVR rating
- Clicking a team opens a modal preview card with: large flag image, team name, OVR badge, star player name with photo, goalkeeper name, country description text, and buttons to "Pick Another Team" or "Play As [Team Name]"
**Group Stage Screen:**
- Shows GROUP letter (A-L) and MATCHDAY number (1-3)
- Standings table with columns: Team (flag + name), OVR, P (played), W (wins), L (losses), GD (goal difference), PTS (points)
- Top 2 teams have green left border, 3rd place has yellow border, player's team highlighted in yellow text
- Shows upcoming match: your team flag/name vs opponent flag/name with OVR ratings and boost indicators
- Button to "Play Match"
**Knockout Bracket Screen:**
- Round title displayed at top (ROUND OF 32, etc.)
- List of all matchups in current round with team flags and names
- Player's match has yellow border and glow effect, scaled larger
- Boost indicators (⚡+5 to +10) shown next to boosted teams
- "Simulating..." message appears briefly between rounds
- Button to "Continue to Next Match"
**Match Screen - The Penalty Shootout:**
- Top section: Turn indicator ("YOUR TURN TO SHOOT" in yellow or "DEFEND THE GOAL!" in red)
- Scoreboard showing both teams: flag, name, OVR (with boost), score (large numbers)
- Shot history dots below scores: ⚽ for goals, ❌ for saves, ⚪ for upcoming shots (5+ total)
- Current matchup text: "[Shooter name] vs [Keeper name]"
- Player photos for both current shooter and opponent's active player
- Central penalty area showing grass field, animated ball starting at bottom center, goalkeeper starting at top center
- Goal net icon at top
- Large floating text overlay for results: "GOAL!" in gold or "SAVED!" in red
- Three control buttons at bottom: "← LEFT", "CENTER →", "→ RIGHT"
- Substitutions button opens lineup management modal
**Lineup/Substitutions Modal:**
- Shows 3 current penalty takers with photos, names, and "Kicker 1/2/3" labels
- Selected kicker highlighted with yellow border
- Bench list showing all roster players (6 total including the 3 starters)
- Active players shown grayed out with "On field" text
- Available subs have "Tap to sub in" text
- Goalkeeper section showing 3 keeper options
- Active keeper highlighted with blue border and "STARTER" text
- Close button to return to match
**Controls & Gameplay:**
- When shooting: tap LEFT, CENTER, or RIGHT to aim your shot
- When defending: tap LEFT, CENTER, or RIGHT to dive
- AI opponent chooses randomly
- Shot success based on team overall ratings and whether shooter aimed away from keeper
- Goals much more likely if you guess opposite direction from keeper (50-95% chance)
- Saves likely if keeper guesses correctly (66-97% chance to save)
- Ball animates toward chosen direction with rotation and scaling
- Goalkeeper dives/stays center with rotation animation
- If saved, ball snaps to goalkeeper position
- If goal, net shakes
- Shootout uses standard rules: 5 shots each, sudden death if tied
- AI automatically simulates non-player matches in group stage and knockouts
**Win/Loss Screens:**
- Game Over screen for elimination showing "Eliminated in the Group Stage" or "You lost to [opponent]"
- Victory screen for winning tournament with confetti animation
- Both screens have "Play Again" button to return to intro
**Country Pool (48 teams with OVR ratings):**
Mexico (82), Morocco (84), South Korea (79), Scotland (77), Canada (78), Switzerland (83), Bosnia-Herzegovina (76), Qatar (72), Argentina (94), Algeria (79), Austria (82), Haiti (70), USA (80), Turkey (81), Paraguay (78), Australia (76), Germany (91), Ecuador (81), Ivory Coast (79), Curacao (68), Netherlands (89), Japan (83), Sweden (80), Tunisia (75), Belgium (86), Egypt (80), Iran (78), New Zealand (69), Spain (95), Uruguay (86), Saudi Arabia (74), Cape Verde (71), France (94), Norway (84), Senegal (82), Iraq (73), Brazil (93), South Africa (74), Czech Republic (78), Jordan (72), Portugal (90), Colombia (85), DR Congo (75), Uzbekistan (72), England (93), Croatia (85), Ghana (78), Panama (73)
Each team includes authentic player names like: Messi/Martínez/Álvarez for Argentina, Kane/Bellingham/Saka for England, Mbappé/Griezmann/Dembélé for France, etc. with real goalkeeper names and country flavor text describing their playing style.
**HUD Elements:**
- Intro screen: Title "WORLD CUP" in large gold text, subtitle "Conquer the Groups. Survive the Knockouts. Lift the Cup!", gold trophy icon, yellow "START GAME" button
- All text uses Inter font family, bold weights for emphasis
- Rounded corners on all buttons and cards
- Hover/active states with scale transforms
- Semi-transparent overlays for modals
- Custom scrollbars in gray
