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
Sign in to leave a comment
Architecture diagrams will be automatically generated when the Project Manager creates tasks for your project.

EVERY ERA HAS ITS LEGENDS.
NOW THEY ENTER THE GAME.

EVERY ERA HAS ITS LEGENDS.
NOW THEY ENTER THE GAME.
No comments yet. Be the first!