FOOTY LEGENDS

byClip Hype

Build a polished browser football video game called FOOTBALL LEGENDS: RIFT. IMPORTANT: This is an ACTUAL GAME, not a website, dashboard, landing page, static mockup, or fake multiplayer UI. CORE FLOW: Cinematic stadium intro → ENTER THE RIFT → game menu → character select → CREATE/JOIN ROOM → both players ready → 3,2,1 → REAL-TIME ONLINE 1v1 → goals/skills/abilities → victory → rematch. VISUAL STYLE: Use my supplied football-player images as the primary art reference. They are intentionally nostalgic, slightly low-poly, older-generation football-video-game character models. Preserve that exact visual language: - full-body 3D game-model appearance - realistic football proportions - simplified polygonal facial geometry - recognizable likeness - football kits - stadium + blurred crowd - game-engine lighting - atmospheric haze - subtle depth of field DO NOT make characters photorealistic, anime, cartoon, Fortnite-style, superhero-like, generic AI avatars, or modern EA FC promotional renders. EVERY PLAYER MUST LOOK LIKE THEY CAME FROM THE SAME FOOTBALL GAME. Provided roster: Ronaldo, Messi, Mbappé, Vinícius Jr., Harry Kane, Christian Pulisic, Federico Valverde. Create matching assets for: Zidane, Bellingham, Haaland, Ronaldinho, Neymar, Salah, De Bruyne, Modrić, Lewandowski, Rodri, Saka, Lamine Yamal, Iniesta, Xavi, Thierry Henry, Kaká and Ronaldo Nazário. Use recognizable appropriate national/team kits. Keep all character models visually consistent. CHARACTER SELECT: Full-screen cinematic presentation with the character dominating the screen. Show: NAME, OVR, POSITION, NATIONALITY, PLAYSTYLE, STATS, ABILITY, RARITY. Use cinematic camera movement, rim lighting, particles, stadium lighting, parallax and smooth transitions. ABILITIES: Ronaldo—Phoenix Leap Messi—Time Dilation Mbappé—Afterburn Vinícius—Flash Step Kane—Deadly Finisher Pulisic—Eagle Burst Valverde—Thunder Engine Zidane—Orchestrator Bellingham—Box-to-Box Haaland—Berserker Ronaldinho—Samba Flow Neymar—Mirage Salah—Cutback King De Bruyne—Vision Master Modrić—Orbital Pass Lewandowski—Predator Rodri—Anchor Saka—Trickster Yamal—Next Gen Iniesta—Silent Touch Xavi—Metronome Henry—Blade Run Kaká—Glide Ronaldo Nazário—Phenomenon Each ability needs an icon, cooldown, activation effect and gameplay impact. RARITIES: COMMON / ELITE / LEGEND / MYTHIC / GOAT. OPENING: Start in a dark stadium with floodlights, crowd silhouettes, haze and a distant player. Show: FOOTBALL LEGENDS: RIFT EVERY ERA HAS ITS LEGENDS. NOW THEY ENTER THE GAME. ENTER THE RIFT EXPLORE LEGENDS Make it feel like a console game booting, not a website. ONLINE MULTIPLAYER — CRITICAL: Two REAL people on DIFFERENT DEVICES/BROWSERS must be able to play together. Do NOT fake multiplayer. Use a real-time backend available in the environment (Supabase/WebSockets/realtime database if available). V1 priority is ROOM-CODE multiplayer. CREATE ROOM → generate code such as RIFT-7F42 → player shares code. JOIN ROOM → enter code → join the SAME realtime room. LOBBY: Player 1 selects legend. Player 2 joins and selects legend. Both show CONNECTED. Both press READY. Only then start: 3...2...1... MATCH START. Synchronize: player positions, movement, ball position/velocity, possession, shooting, passing, tackles, stamina, abilities/cooldowns, score, timer, goals, readiness, selected players and match state. Support basic reconnect handling. Validate important events such as goals, score and match result where practical. GAMEPLAY: Build a genuinely playable 1v1 football arena. Core mechanics: movement, sprinting, dribbling, passing, shooting, tackling, skill moves, abilities and goals. Desktop: WASD/arrows = movement Space = sprint other keys = shoot/ability. Mobile: virtual joystick + touch buttons. If advanced 3D football physics are too difficult, create a simpler but ACTUALLY PLAYABLE multiplayer arena. REAL MULTIPLAYER IS MORE IMPORTANT THAN COMPLEX GRAPHICS. HUD: Score, timer, player names, stamina, ability cooldowns, shot power, ball indicator and connection status. Goal: Freeze/slow action → camera movement → subtle shake → stadium reaction → particles → “GOAL!” → player/ability reveal → resume match. VICTORY: Spotlight winning character. Show VICTORY/DEFEAT, score, goals, shots, possession, abilities, match rating and XP. Buttons: REMATCH RETURN TO RIFT If both rematch, restart the match. LEGENDS: Create a cinematic gallery rather than a boring card grid. Each player has: name, rating, position, stats, ability, rarity, lore and unlock status. Initially unlock the seven supplied players. Others can be locked. Also create: THE GOLDEN ERA THE FUTURE THE STREET THE TITANS THE MASTERS THE GOAT RIFT COMPARISON: Allow any two players to be compared with animated stats: PACE, SHOOTING, PASSING, DRIBBLING, PHYSICAL, VISION, SKILL. UI: Modern AAA-game interface surrounding nostalgic football-game character models. Avoid: SaaS layouts, generic dashboards, excessive rounded cards, random gradients, excessive glassmorphism, stock photos, boring white backgrounds, template UI and inconsistent AI art. Characters are always the visual priority. PERFORMANCE: Lazy-load character assets, optimize images, avoid loading every large asset at once, keep animations smooth. Use reusable components and structured player data. MOBILE: Properly adapt the interface rather than simply shrinking desktop. FINAL PRIORITY ORDER: 1. Cinematic opening 2. Character selection 3. Consistent character visuals 4. REAL online room system 5. REAL 1v1 gameplay 6. Match HUD 7. Goal experience 8. Legend gallery 9. Comparison 10. Collection/Rift worlds DO NOT stop at a homepage. DO NOT fake multiplayer. DO NOT build a football website. Build it like a LOST FOOTBALL GAME FROM THE FUTURE that somehow became playable in a browser. QUALITY > NUMBER OF FEATURES. have attached images fot mbappe, Bellingham, yamal and neymar and Haaland too

LandingVictory ScreenAuthentication
Landing

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 7

FOOTY LEGENDS

Introduction

FOOTY LEGENDS is a polished browser-based football video game focusing on real-time online 1v1 gameplay with a nostalgic visual style and cinematic presentation.

System Overview

Page 2 of 7

Product Interpretation and Delivery Boundary

  • Domain Descriptors:

    • Real-time online multiplayer football game: Supports real-time multiplayer with players on different devices.
    • Nostalgic low-poly visual style: Preserves a nostalgic low-poly style with realistic proportions and simplified facial geometry.
  • What is being built:

    • A browser-based football video game called FOOTBALL LEGENDS: RIFT.
    • Focus on real-time online 1v1 gameplay with cinematic presentation.
  • Excluded Assumptions:

    • Generic football website features.
    • Fake multiplayer mechanics.
  • Access:

    • Application-owned identity.
  • Behavior Contracts:

    • Victory and Rematch: Players see a Victory/Defeat screen with a rematch option after a match ends.
    • Player Rarity Assignment: Displays player rarity as COMMON, ELITE, LEGEND, MYTHIC, or GOAT.
    • Match HUD and Goal Event Presentation: Displays HUD elements and goal events during matches.
    • Dynamic Player Icons: Rotate player icons from the 25-player roster on the starting screen for enhanced visual appeal.
Page 3 of 7

Page Content and Component Coverage

  • Landing Page:

    • Cinematic introduction with "ENTER THE RIFT" prompt.
    • Options to create or join a room for multiplayer matches.
    • Dynamic display of player icons from the 25-player roster.
  • Character Select:

    • Full-screen cinematic presentation.
    • Displays character details: NAME, OVR, POSITION, NATIONALITY, PLAYSTYLE, STATS, ABILITY, RARITY.
  • Victory Screen:

    • Displays match results, victory/defeat, and options for rematch or return to the main menu.

Functional Requirements

  • As a player, I should be able to experience a cinematic stadium intro and enter the game through "ENTER THE RIFT."
  • As a player, I should be able to select characters with a full-screen cinematic presentation.
  • As a player, I should be able to create or join a room using a room code for real-time multiplayer matches.
  • As a player, I should be able to engage in real-time 1v1 football matches with core mechanics like movement, shooting, and abilities.
  • As a player, I should see a HUD displaying score, timer, player names, and other match details.
  • As a player, I should experience a goal event with visual effects and match continuation.
  • As a player, I should see a victory screen with match results and options for rematch or return.
  • As a player, I should be able to view a cinematic gallery of legends with detailed stats and abilities.
  • As a player, I should be able to compare two players with animated stats.
  • As a player, I should see dynamic player icons from the 25-player roster on the starting screen.
Page 4 of 7

User Personas

  • Players: Primary users engaging in real-time 1v1 football matches, selecting characters, and experiencing the game.

Core User Flows

  1. Landing and Authentication:

    • Player enters the game through a cinematic landing page.
    • Authenticates to access multiplayer features.
  2. Character Selection:

    • Player selects a character with a cinematic presentation.
    • Views detailed character stats and abilities.
  3. Multiplayer Match:

    • Player creates or joins a room using a room code.
    • Engages in a real-time 1v1 match with another player.
  4. Post-Match:

    • Player views match results on the victory screen.
    • Chooses to rematch or return to the main menu.
Page 5 of 7

Visuals Colors and Theme

  • Primary: #00FF00 (Green)
  • Primary Light: #66FF66
  • Secondary: #000000 (Black)
  • Accent: #FF0000 (Red)
  • Highlight: #FFFF00 (Yellow)
  • Background: #FFFFFF (White)
  • Surface: #F0F0F0 (Light Grey)
  • Text: #000000 (Black)
  • Text Muted: #666666 (Grey)
  • Border: #CCCCCC (Light Grey)

Signature Design Concept

  • Landing Page:

    • Use a cinematic introduction with a dark stadium, floodlights, and crowd silhouettes.
    • Highlight the "ENTER THE RIFT" prompt with dynamic lighting and atmospheric effects.
    • Rotate player icons from the 25-player roster for visual appeal.
  • Character Select:

    • Full-screen presentation with cinematic camera movement and lighting effects.
    • Use parallax and smooth transitions to enhance the visual experience.
Page 6 of 7

Interaction Model & Motion Direction

  • Landing Page:

    • Animated interaction model with cinematic transitions and lighting effects.
  • Character Select:

    • Parallax effects and smooth transitions for a dynamic selection experience.

Non-Functional Requirements

  • Real-time multiplayer support with low latency.
  • Performance optimization for smooth gameplay.
  • Mobile interface adaptation for responsive controls.

Tech Stack

  • Frontend: React for Web
  • Backend: Python, FastAPI
  • Database: MySQL or MariaDB
  • Real-time Communication: WebSockets

Assumptions and Constraints

  • The game will be browser-based and support both desktop and mobile platforms.
  • Real-time multiplayer is a critical feature and must be implemented with a reliable backend.
Page 7 of 7

Glossary

  • OVR: Overall Rating
  • HUD: Heads-Up Display
  • RIFT: The game environment for multiplayer matches
  • GOAT: Greatest of All Time (player rarity)
Landing design preview
Landing: View cinematic intro and ENTER THE RIFT prompt
Authentication: Player authenticates to access protected match features
Victory Screen: Match ends and Victory/Defeat screen with rematch option displayed
Victory Screen: Rematch not available
Landing design preview
Landing: View cinematic intro and ENTER THE RIFT prompt
Authentication: Player authenticates to access protected match features
Victory Screen: Match ends and Victory/Defeat screen with rematch option displayed
Victory Screen: Rematch not available