// Battlefield-style Main Menu UI export default function(localPlayer, world) { const inMenu = localPlayer.state.inMenu !== false; // === IN-GAME HUD === if (!inMenu) { // Get team scores from game manager const gameManager = world.getObject('game-manager'); const usaScore = gameManager?.state?.usaScore ?? 0; const russiaScore = gameManager?.state?.russiaScore ?? 0; const zoneA = gameManager?.state?.zoneA ?? 'usa'; const zoneB = gameManager?.state?.zoneB ?? 'neutral'; const zoneC = gameManager?.state?.zoneC ?? 'russia'; const usaPlayers = gameManager?.state?.usaPlayers ?? []; const russiaPlayers = gameManager?.state?.russiaPlayers ?? []; const roundState = gameManager?.state?.roundState ?? 'playing'; const winner = gameManager?.state?.winner ?? null; const roundNumber = gameManager?.state?.roundNumber ?? 1; const maxScore = 1000; const usaPct = (usaScore / maxScore) * 100; const russiaPct = (russiaScore / maxScore) * 100; // Count zones for each team const zones = [zoneA, zoneB, zoneC]; let usaZones = 0; let russiaZones = 0; for (let i = 0; i < zones.length; i++) { if (zones[i] === 'usa') usaZones++; if (zones[i] === 'russia') russiaZones++; } // Get player's team const myTeam = localPlayer.state.team ?? 'usa'; // Check if scoreboard should show (Tab held) const showScoreboard = localPlayer.state.showScoreboard ?? false; const currentWeapon = localPlayer.state.currentWeapon ?? 1; const weaponAmmo = localPlayer.state.weaponAmmo ?? { 1: 30, 2: 12 }; const loadoutKit = localPlayer.state.loadoutKit ?? { primary: 1, secondary: 2, melee: 3 }; // Weapon data based on current loadout const weaponData = { 1: { name: "M4 RIFLE", maxAmmo: 30 }, 2: { name: "M1911", maxAmmo: 12 }, 3: { name: "COMBAT KNIFE", maxAmmo: null }, 4: { name: "AUTO SNIPER", maxAmmo: 10 }, 5: { name: "USP", maxAmmo: 12 }, 6: { name: "SURVIVAL KNIFE", maxAmmo: null }, 7: { name: "MP5", maxAmmo: 30 }, 8: { name: "DEAGLE", maxAmmo: 7 }, 9: { name: "BAYONET", maxAmmo: null }, }; const weapons = [ { slot: 1, id: loadoutKit.primary, ...weaponData[loadoutKit.primary] }, { slot: 2, id: loadoutKit.secondary, ...weaponData[loadoutKit.secondary] }, { slot: 3, id: loadoutKit.melee, ...weaponData[loadoutKit.melee] }, ]; const currentWeaponInfo = weaponData[currentWeapon] || { name: "WEAPON", maxAmmo: null }; const currentAmmo = weaponAmmo[currentWeapon] ?? 0; const maxAmmo = currentWeaponInfo.maxAmmo; const weaponName = currentWeaponInfo.name; var weaponSlots = ""; for (var i = 0; i < weapons.length; i++) { var w = weapons[i]; var isActive = w.id === currentWeapon; var ammo = weaponAmmo[w.id] ?? 0; var bgClass = isActive ? "bg-white/20 border-white/40" : "bg-white/5 border-white/10"; var ammoText = w.maxAmmo !== null ? '' + ammo + '/' + w.maxAmmo + '' : ''; weaponSlots += '

' + '' + w.slot + '' + '' + w.name + '' + ammoText + '

'; } var ammoDisplay = ""; if (maxAmmo !== null) { ammoDisplay = '

' + currentAmmo + '/' + maxAmmo + '

'; } else { ammoDisplay = '

MELEE

'; } // Team score bars HTML - DOUBLED SIZE const scoreUI = '

' + '

' + usaScore + '

' + '

' + usaZones + '

' + '

' + russiaZones + '

' + '

' + russiaScore + '

' + '

'; // Respawn countdown overlay const respawnCountdown = localPlayer.state?.respawnCountdown ?? 0; let respawnUI = ''; if (respawnCountdown > 0) { const countdownNumber = Math.ceil(respawnCountdown); respawnUI = '

' + '

RESPAWNING

' + '

' + countdownNumber + '

' + '

Get ready...

' + '

'; } // ============================================= // SCOREBOARD - Clean rebuild // ============================================= // Strategy: // 1. Get all ACTUALLY connected players from query // 2. For each connected player, determine their team from their own state // 3. Local player uses localPlayer.state (instant), others use query result state // This is simple and always accurate - no stale roster issues const allPlayers = world.query({ tags: ['player'] }) || []; // Build team lists from connected players only let usaPlayersList = []; let russiaPlayersList = []; // Always add local player first (query might not include self) const myTeamForList = localPlayer.state.team || 'usa'; const myData = { name: 'You', kills: localPlayer.state.kills ?? 0, deaths: localPlayer.state.deaths ?? 0, isMe: true }; if (myTeamForList === 'usa') { usaPlayersList.push(myData); } else { russiaPlayersList.push(myData); } // Add other players from query for (let i = 0; i < allPlayers.length; i++) { const p = allPlayers[i]; // Skip self - we already added ourselves above if (p.id === localPlayer.id) continue; // Get player data from query result const playerState = p.state || {}; const playerTeam = playerState.team || 'usa'; const playerKills = playerState.kills ?? 0; const playerDeaths = playerState.deaths ?? 0; const playerName = playerState.username || 'Player'; const playerData = { name: playerName, kills: playerKills, deaths: playerDeaths, isMe: false }; if (playerTeam === 'usa') { usaPlayersList.push(playerData); } else { russiaPlayersList.push(playerData); } } // Sort by kills (highest first) usaPlayersList.sort(function(a, b) { return b.kills - a.kills; }); russiaPlayersList.sort(function(a, b) { return b.kills - a.kills; }); // Header row const statsHeader = '

' + '#' + 'PLAYER' + 'K' + 'D' + '

'; // Build USA rows let usaPlayerRows = statsHeader; if (usaPlayersList.length === 0) { usaPlayerRows += '

No players

'; } else { for (let i = 0; i < usaPlayersList.length; i++) { const p = usaPlayersList[i]; const bg = p.isMe ? 'bg-blue-500/30' : 'bg-white/5'; usaPlayerRows += '

' + '' + (i + 1) + '' + '' + p.name + '' + '' + p.kills + '' + '' + p.deaths + '' + '

'; } } // Build Russia rows let russiaPlayerRows = statsHeader; if (russiaPlayersList.length === 0) { russiaPlayerRows += '

No players

'; } else { for (let i = 0; i < russiaPlayersList.length; i++) { const p = russiaPlayersList[i]; const bg = p.isMe ? 'bg-red-500/30' : 'bg-white/5'; russiaPlayerRows += '

' + '' + (i + 1) + '' + '' + p.name + '' + '' + p.kills + '' + '' + p.deaths + '' + '

'; } } const usaCount = usaPlayersList.length; const russiaCount = russiaPlayersList.length; // Scoreboard overlay (shown when showScoreboard is true) const scoreboardUI = showScoreboard ? '

' + '

' + // USA Team Panel '

' + '

USA

' + '

' + usaCount + ' player' + (usaCount !== 1 ? 's' : '') + '

' + '

' + usaScore + '

' + '

' + usaPlayerRows + '

' + '

' + // Russia Team Panel '

' + '

RUSSIA

' + '

' + russiaCount + ' player' + (russiaCount !== 1 ? 's' : '') + '

' + '

' + russiaScore + '

' + '

' + russiaPlayerRows + '

' + '

Hold T to view scoreboard

' + '

' : ''; // Team indicator (which team you're on) - BIGGER with keybind hint const teamColor = myTeam === 'usa' ? '#3b82f6' : '#dc2626'; const teamName = myTeam === 'usa' ? 'USA' : 'RUSSIA'; // Calculate K/D ratio and determine rank const myKills = localPlayer.state?.kills ?? 0; const myDeaths = localPlayer.state?.deaths ?? 0; const myKD = myDeaths > 0 ? myKills / myDeaths : myKills; // Rank tiers based on K/D ratio let rankName, rankIcon, rankColor; if (myKD >= 5.0) { rankName = 'LEGEND'; rankIcon = '/cdn/icon-military-rank-gold-eagle-star-elite.png'; rankColor = '#ffd700'; } else if (myKD >= 3.0) { rankName = 'MASTER'; rankIcon = '/cdn/icon-military-rank-diamond-platinum-elite.png'; rankColor = '#e5e4e2'; } else if (myKD >= 2.0) { rankName = 'VETERAN'; rankIcon = '/cdn/icon-military-rank-gold-chevron-wings.png'; rankColor = '#ffa500'; } else if (myKD >= 1.5) { rankName = 'EXPERT'; rankIcon = '/cdn/icon-military-rank-silver-chevron-star.png'; rankColor = '#c0c0c0'; } else if (myKD >= 1.0) { rankName = 'SOLDIER'; rankIcon = '/cdn/icon-military-rank-bronze-chevron.png'; rankColor = '#cd7f32'; } else if (myKD >= 0.5) { rankName = 'ROOKIE'; rankIcon = '/cdn/icon-military-rank-green-single-chevron.png'; rankColor = '#4ade80'; } else { rankName = 'RECRUIT'; rankIcon = '/cdn/icon-military-rank-basic-gray-stripe.png'; rankColor = '#9ca3af'; } // Minimap calculations const mapMinX = -90, mapMaxX = 100, mapMinZ = -80, mapMaxZ = 80; const mapWidth = mapMaxX - mapMinX; const mapHeight = mapMaxZ - mapMinZ; const minimapSize = 320; // pixels - doubled from 160 // Player position on minimap (as percentage) const playerX = localPlayer.feetPosition?.x ?? 0; const playerZ = localPlayer.feetPosition?.z ?? 0; const playerMapX = ((playerX - mapMinX) / mapWidth) * 100; const playerMapY = ((playerZ - mapMinZ) / mapHeight) * 100; // Player facing direction (from state) const facingYaw = localPlayer.state?.facingYaw ?? 0; // Convert to degrees and adjust for minimap (rotate so 0 = up on map) // facingYaw: 0 = looking -Z (north), positive = CCW // For minimap: we want 0 = pointing up, so rotate by 180 degrees const arrowRotation = (facingYaw * 180 / Math.PI) + 180; // Zone positions on minimap const zoneAMapX = ((-50 - mapMinX) / mapWidth) * 100; const zoneAMapY = ((-24 - mapMinZ) / mapHeight) * 100; const zoneBMapX = ((5 - mapMinX) / mapWidth) * 100; const zoneBMapY = ((-8 - mapMinZ) / mapHeight) * 100; const zoneCMapX = ((55 - mapMinX) / mapWidth) * 100; const zoneCMapY = ((36 - mapMinZ) / mapHeight) * 100; // Zone colors based on ownership const zoneColors = { usa: '#3b82f6', russia: '#dc2626', neutral: '#ffffff', }; // Minimap UI - top left under menu button const minimapUI = '

' + '

'; const teamIndicator = '

' + // Rank emblem panel '

' + '

' + 'RANK' + '' + rankName + '' + '

' + '

' + 'K/D' + '' + myKD.toFixed(2) + '' + '

' + '

' + // Team indicator '

' + '

' + '' + teamName + '' + '

' + '

[T] Scoreboard

' + '' + '

' + '

'; // Victory/Draw announcement popup let victoryUI = ''; if (roundState === 'ending' && winner) { let bgGradient, borderColor, glowColor, title, subtitle, flagImg; if (winner === 'usa') { bgGradient = 'linear-gradient(180deg, rgba(30, 58, 138, 0.95) 0%, rgba(15, 23, 42, 0.98) 100%)'; borderColor = 'rgba(59, 130, 246, 0.8)'; glowColor = 'rgba(59, 130, 246, 0.6)'; title = 'USA VICTORY'; subtitle = 'AMERICA DOMINATES'; flagImg = '/cdn/icon-usa-flag-waving-realistic.png'; } else if (winner === 'russia') { bgGradient = 'linear-gradient(180deg, rgba(153, 27, 27, 0.95) 0%, rgba(15, 23, 42, 0.98) 100%)'; borderColor = 'rgba(220, 38, 38, 0.8)'; glowColor = 'rgba(220, 38, 38, 0.6)'; title = 'RUSSIA VICTORY'; subtitle = 'MOTHER RUSSIA PREVAILS'; flagImg = '/cdn/icon-russian-federation-tricolor-flag-white-blue-red-stripes-waving.png'; } else { bgGradient = 'linear-gradient(180deg, rgba(75, 75, 75, 0.95) 0%, rgba(15, 23, 42, 0.98) 100%)'; borderColor = 'rgba(200, 200, 200, 0.8)'; glowColor = 'rgba(200, 200, 200, 0.4)'; title = 'DRAW'; subtitle = 'NO VICTOR THIS ROUND'; flagImg = ''; } victoryUI = '

' + '

' + // Main victory panel '

' + // Flag (if not draw) (flagImg ? '

' : '') + // Victory text '

' + title + '

' + '

' + subtitle + '

' + // Final scores '

' + '

USA

' + '

' + usaScore + '

' + '

—

' + '

RUSSIA

' + '

' + russiaScore + '

' + '

' + // Round info '

Round ' + roundNumber + ' Complete

' + '

Next round starting soon...

' + '

'; } // Kill feed from game manager - with fade based on age const killFeed = gameManager?.state?.killFeed ?? []; let killFeedUI = ''; // Get current tick for age calculation (20 ticks per second) const currentTick = localPlayer.state?.lastTick ?? 0; const FADE_START_TICKS = 60; // Start fading after 3 seconds const FADE_END_TICKS = 120; // Fully faded after 6 seconds if (killFeed.length > 0) { let feedItems = ''; for (let i = 0; i < killFeed.length; i++) { const kill = killFeed[i]; const killAge = currentTick - (kill.time ?? 0); // Skip if fully faded if (killAge > FADE_END_TICKS) continue; // Calculate opacity: 1.0 for fresh, fade to 0 over time let opacity = 1.0; if (killAge > FADE_START_TICKS) { opacity = 1.0 - ((killAge - FADE_START_TICKS) / (FADE_END_TICKS - FADE_START_TICKS)); opacity = Math.max(0, Math.min(1, opacity)); } const killerColor = kill.killerTeam === 'usa' ? '#3b82f6' : '#dc2626'; const victimColor = kill.victimTeam === 'usa' ? '#3b82f6' : '#dc2626'; const killerFlag = kill.killerTeam === 'usa' ? '/cdn/icon-usa-flag-waving-realistic.png' : '/cdn/icon-russia-flag-waving-realistic.png'; const victimFlag = kill.victimTeam === 'usa' ? '/cdn/icon-usa-flag-waving-realistic.png' : '/cdn/icon-russia-flag-waving-realistic.png'; feedItems += '

' + '

' + '' + kill.killer + '' + '[' + kill.weapon + ']' + '

' + '' + kill.victim + '' + '

'; } if (feedItems) { killFeedUI = '

' + feedItems + '

'; } } // Health bar - centered at bottom, clean white bar, TRIPLED size const myHealth = localPlayer.state?.health ?? 100; const healthPct = Math.max(0, Math.min(100, myHealth)); // Sniper scope overlay (when ADS with sniper equipped) const isAiming = localPlayer.state?.isAiming ?? false; const isSniperEquipped = currentWeapon === 4; let sniperScopeUI = ''; if (isAiming && isSniperEquipped) { sniperScopeUI = '

' + '

'; } // Ability icon based on selected class const selectedClass = localPlayer.state?.selectedClass ?? 'medic'; const abilityCooldown = localPlayer.state?.abilityCooldown ?? 0; const abilityMaxCooldown = localPlayer.state?.abilityMaxCooldown ?? (selectedClass === 'jetpack' ? 8 : 15); const abilityReady = abilityCooldown <= 0; const cooldownPct = abilityReady ? 0 : (abilityCooldown / abilityMaxCooldown) * 100; // Class-specific styling const abilityColor = selectedClass === 'jetpack' ? '#FF8800' : '#00FF44'; const abilityIcon = selectedClass === 'jetpack' ? '/cdn/icon-jetpack-rocket-boost-orange.png' : '/cdn/icon-medical-cross-green-glowing.png'; // Ability icon styling based on ready state const abilityBgColor = abilityReady ? (abilityColor + '4D') : 'rgba(0, 0, 0, 0.5)'; // 4D = 30% opacity in hex const abilityBorderColor = abilityReady ? (abilityColor + 'CC') : 'rgba(100, 100, 100, 0.5)'; // CC = 80% opacity const abilityGlow = abilityReady ? ('0 0 15px ' + abilityColor + '99') : 'none'; // 99 = 60% opacity const abilityOpacity = abilityReady ? '1' : '0.6'; const abilityUI = '

' + // Background circle with cooldown sweep '

' + // Cooldown overlay (sweeping dark cover) (cooldownPct > 0 ? '

' : '') + '

' + // Ability icon '

' + '

' + // Keybind label '

' + // Cooldown timer text (only show when on cooldown) (cooldownPct > 0 ? '

' + Math.ceil(abilityCooldown) + '

' : '') + '

'; const healthUI = '

' + '

' + // Ability icon (left of health bar) abilityUI + // Heart icon '

' + // Health bar '

' + '

' + '' + Math.ceil(myHealth) + ' / 100' + '

' + '

'; return '' + '

' + scoreUI + teamIndicator + minimapUI + killFeedUI + healthUI + scoreboardUI + victoryUI + respawnUI + sniperScopeUI + '

' + '' + '

' + '

' + '' + '

' + '

' + weaponName + '

' + ammoDisplay + '

' + '

' + weaponSlots + '

' + '

'; } // === MAIN MENU === const username = localPlayer.state.username ?? "SOLDIER"; const rank = localPlayer.state.rank ?? 1; const kills = localPlayer.state.kills ?? 0; const deaths = localPlayer.state.deaths ?? 0; const kd = deaths > 0 ? (kills / deaths).toFixed(2) : kills.toFixed(2); const kdNum = deaths > 0 ? kills / deaths : kills; // Rank tiers based on K/D ratio (same as in-game) let menuRankName, menuRankIcon, menuRankColor; if (kdNum >= 5.0) { menuRankName = 'LEGEND'; menuRankIcon = '/cdn/icon-military-rank-gold-eagle-star-elite.png'; menuRankColor = '#ffd700'; } else if (kdNum >= 3.0) { menuRankName = 'MASTER'; menuRankIcon = '/cdn/icon-military-rank-diamond-platinum-elite.png'; menuRankColor = '#e5e4e2'; } else if (kdNum >= 2.0) { menuRankName = 'VETERAN'; menuRankIcon = '/cdn/icon-military-rank-gold-chevron-wings.png'; menuRankColor = '#ffa500'; } else if (kdNum >= 1.5) { menuRankName = 'EXPERT'; menuRankIcon = '/cdn/icon-military-rank-silver-chevron-star.png'; menuRankColor = '#c0c0c0'; } else if (kdNum >= 1.0) { menuRankName = 'SOLDIER'; menuRankIcon = '/cdn/icon-military-rank-bronze-chevron.png'; menuRankColor = '#cd7f32'; } else if (kdNum >= 0.5) { menuRankName = 'ROOKIE'; menuRankIcon = '/cdn/icon-military-rank-green-single-chevron.png'; menuRankColor = '#4ade80'; } else { menuRankName = 'RECRUIT'; menuRankIcon = '/cdn/icon-military-rank-basic-gray-stripe.png'; menuRankColor = '#9ca3af'; } // Loadout system const selectedLoadout = localPlayer.state.selectedLoadout ?? 'assault'; const showLoadoutModal = localPlayer.state.showLoadoutModal ?? false; // Loadout definitions const loadouts = [ { id: 'assault', name: 'ASSAULT', desc: 'Balanced firepower for all situations', color: '#4ade80', primary: { name: 'M4 RIFLE', dmg: 34, mag: 30, desc: '3-shot kill' }, secondary: { name: 'M1911 PISTOL', dmg: 20, mag: 12, desc: '5-shot kill' }, melee: { name: 'COMBAT KNIFE', dmg: 50 }, }, { id: 'sniper', name: 'SNIPER', desc: 'Long-range precision and stealth', color: '#60a5fa', primary: { name: 'AUTO SNIPER', dmg: 50, mag: 10, desc: '2-shot kill' }, secondary: { name: 'USP TACTICAL', dmg: 25, mag: 12, desc: '4-shot kill' }, melee: { name: 'SURVIVAL KNIFE', dmg: 50 }, }, { id: 'smg', name: 'RUN & GUN', desc: 'High fire rate with heavy pistol backup', color: '#f97316', primary: { name: 'MP5', dmg: 13, mag: 30, desc: '8-shot kill' }, secondary: { name: 'DESERT EAGLE', dmg: 50, mag: 7, desc: '2-shot kill' }, melee: { name: 'BAYONET', dmg: 50 }, }, ]; // Build loadout modal let loadoutModal = ''; if (showLoadoutModal) { let loadoutCards = ''; for (let i = 0; i < loadouts.length; i++) { const kit = loadouts[i]; const isSelected = kit.id === selectedLoadout; const borderStyle = isSelected ? 'border-2 border-orange-400' : 'border border-white/20'; const bgStyle = isSelected ? 'bg-orange-500/20' : 'bg-white/5 hover:bg-white/15'; const checkMark = isSelected ? '

✓

' : ''; loadoutCards += ''; } loadoutModal = '

' + '

SELECT LOADOUT

' + '' + '

' + '

' + loadoutCards + '

' + '

Click a loadout to select, then press LAUNCH to play

' + '

'; } // === CLASS SELECTION === const selectedClass = localPlayer.state.selectedClass ?? 'medic'; const showClassModal = localPlayer.state.showClassModal ?? false; const classes = [ { id: 'medic', name: 'MEDIC', desc: 'Combat stim that heals and boosts speed', color: '#00FF44', icon: '/cdn/icon-medical-cross-green-glowing.png', ability: 'COMBAT STIM', abilityDesc: 'Instantly heal to full + 35% speed boost for 4 seconds', cooldown: '15 sec cooldown', }, { id: 'jetpack', name: 'JETPACK MARINE', desc: 'Rocket boost for rapid repositioning', color: '#FF8800', icon: '/cdn/icon-jetpack-rocket-boost-orange.png', ability: 'ROCKET BOOST', abilityDesc: 'Launch forward and upward in a powerful arc', cooldown: '8 sec cooldown', }, ]; // Build class modal let classModal = ''; if (showClassModal) { let classCards = ''; for (let i = 0; i < classes.length; i++) { const cls = classes[i]; const isSelected = cls.id === selectedClass; const borderStyle = isSelected ? 'border-2 border-cyan-400' : 'border border-white/20'; const bgStyle = isSelected ? 'bg-cyan-500/20' : 'bg-white/5 hover:bg-white/15'; const checkMark = isSelected ? '

✓

' : ''; classCards += ''; } classModal = '

' + '

SELECT CLASS

' + '' + '

' + '

' + classCards + '

' + '

Your class ability is activated with F during gameplay

' + '

'; } // Get the currently selected class info for display const currentClass = classes.find(function(c) { return c.id === selectedClass; }) || classes[0]; // Get the currently selected loadout info for display const currentKit = loadouts.find(function(k) { return k.id === selectedLoadout; }) || loadouts[0]; return '' + '

' + '

REDFALL

' + '

' + // Player stats panel (top right) '

' + '

' + // Player name and rank emblem row '

' + '

' + username + '

' + '

' + menuRankName + '

' + '

' + // Stats row '

' + '

KILLS

' + kills + '

' + '

DEATHS

' + deaths + '

' + '

K/D

' + kd + '

' + '

' + // Version text - bottom left '

' + '

VERSION 0.1.0 ALPHA

' + '

' + // Selected loadout indicator above buttons - centered '

' + '

' + currentKit.name + ' LOADOUT

' + '

' + currentKit.primary.name + ' + ' + currentKit.secondary.name + '

' + '

' + // Main menu buttons - centered at bottom '

' + '' + '' + '' + '

' + // Modals (shown when button is clicked) loadoutModal + classModal + '

'; }

Spawn