// === Vertical Climber UI — Title + Level Select + HUD === var { formatTime } = require('lib/ui-format.js'); var LEVELS = require('lib/data/levels.json'); function runBadge(opts) { // opts: { label, time, coins, totalCoins, bg, dark, light, iconSvg, active, showCoins } var t = formatTime(opts.time || 0); var showCoins = opts.showCoins !== false && opts.totalCoins > 0; var bg = opts.bg || '#8cb6ff'; var dark = opts.dark || '#1a2a4a'; var light = opts.light || '#ffffff'; var coinIcon = ``; var coinPill = showCoins ? `

${coinIcon} ${opts.coins || 0}/${opts.totalCoins}

` : ''; var pop = opts.active ? 'transform: translateY(-1px);' : ''; return `

${opts.iconSvg}

${opts.label} ${coinPill}

${t}

`; } function coinTotalBadge(opts) { // opts: { label, coins, totalCoins, bg, dark, light, iconSvg } var coins = opts.coins || 0; var total = opts.totalCoins || 0; var bg = opts.bg || '#ffd666'; var dark = opts.dark || '#5a3a00'; var light = opts.light || '#ffffff'; return `

${opts.iconSvg}

${opts.label}

${coins}/${total}

`; } function badge(label, time, accentBorder, accentLabel, glow, iconSvg) { var t = formatTime(time); return `

${iconSvg}

${label}

${t}

`; } function getStars(bestTime, level) { if (!bestTime || bestTime <= 0) return 0; if (bestTime <= level.star3) return 3; if (bestTime <= level.star2) return 2; return 1; } function starsSvg(count, size) { size = size || 18; var stars = ''; for (var i = 0; i < 3; i++) { var fill = i < count ? '#ffd666' : '#555'; var glow = i < count ? 'drop-shadow(0 0 3px #ffaa0066)' : 'none'; stars += ''; } return stars; } function renderTitle(s) { return `

        VOXEL CLIMB
      
        REACH THE SUMMIT

`; } function medalSvg(rank, sz) { sz = sz || 16; var colors = ['#ffd666', '#b0b8c4', '#cd7f32']; var c = colors[rank] || '#555'; return ''; } function renderPodium(board) { var rows = ''; var nameColors = ['#ffd666', '#ccd0d8', '#c8854a']; var emptyColor = '#3a4050'; for (var r = 0; r < 3; r++) { var entry = board && board[r]; var nm = entry ? (entry.name || '???') : '---'; if (nm.length > 10) nm = nm.substring(0, 9) + '…'; var timeStr = entry ? formatTime(entry.time) : '--:--.--'; var nameCol = entry ? nameColors[r] : emptyColor; var timeCol = entry ? '#ccd' : '#445'; rows += '

' + medalSvg(r, 18) + '' + nm + '' + '' + timeStr + '' + '

'; } return '

' + rows + '

'; } var LEVEL_IMAGES = { 1: '/cdn/moodboard-voxel-climb/image-cartoon-cyberpunk-neon-skyline-chunky-pink-purple-towers-flat-shaded-pixar-stylized.png', 2: '/cdn/moodboard-voxel-climb/image-cartoon-underwater-coral-reef-deep-blue-aqua-sandy-floor-chunky-flat-shaded-pixar-stylized.png', 3: '/cdn/moodboard-voxel-climb/image-cartoon-volcanic-lava-lake-rock-island-glowing-orange-red-flat-shaded-pixar-stylized.png', 4: '/cdn/moodboard-voxel-climb/image-cartoon-giant-pink-lollipop-swirl-floating-gumdrops-cotton-candy-clouds-chunky-flat-shaded-pixar-stylized.png', 5: '/cdn/moodboard-voxel-climb/image-cartoon-tropical-island-chunky-palm-trees-turquoise-ocean-flat-shaded-bright-colors-pixar-stylized.png' }; var LEVEL_CARD_BGS = { 1: '#ff8fd1', 2: '#7ec5e8', 3: '#ff8a4d', 4: '#ffb3d9', 5: '#7be3a3' }; var LEVEL_ACCENTS = { 1: { c1: '#d946ef', c2: '#22d3ee', tag: 'DISCO' }, 2: { c1: '#ff7a55', c2: '#3ec3d8', tag: 'DEEP DIVE' }, 3: { c1: '#88bbdd', c2: '#cceeff', tag: 'FROZEN' }, 4: { c1: '#ff5fa2', c2: '#a8e6cf', tag: 'CANDY' }, 5: { c1: '#4488cc', c2: '#88ccff', tag: 'ISLAND' } }; function renderLeaderboardList(board) { var rows = ''; var nameColors = ['#ffd666', '#ccd0d8', '#c8854a']; var coinIcon = ''; for (var r = 0; r < 10; r++) { var entry = board && board[r]; var nm = entry ? (entry.name || '???') : '---'; if (nm.length > 14) nm = nm.substring(0, 13) + '…'; var timeStr = entry ? formatTime(entry.time) : '--:--.--'; var rank = r + 1; var rankBg, rankColor, nmCol, tmCol; if (entry) { if (r < 3) { rankBg = ['rgba(255,214,102,0.18)','rgba(200,210,220,0.12)','rgba(200,133,74,0.14)'][r]; rankColor = nameColors[r]; nmCol = nameColors[r]; tmCol = '#e8ecf2'; } else { rankBg = 'rgba(255,255,255,0.03)'; rankColor = '#889'; nmCol = '#cdd3dc'; tmCol = '#aab'; } } else { rankBg = 'rgba(255,255,255,0.02)'; rankColor = '#3a4050'; nmCol = '#3a4050'; tmCol = '#3a4050'; } var medal = r < 3 && entry ? medalSvg(r, 18) : '

' + rank + '

'; var coinsStr = entry && (entry.coins || entry.coins === 0) ? '' + coinIcon + (entry.coins || 0) + '' : ''; rows += '

' + '

' + medal + '

' + '' + nm + '' + coinsStr + '' + timeStr + '' + '

'; } return rows; } function renderScoreboardModal(s) { var lvl = s._scoreboardLevel || 5; var leaderboards = s.leaderboards || {}; var board = leaderboards[lvl] || []; // Cartoon palette — matches runBadge in HUD var bg = '#8cb6ff'; // soft sky blue panel var dark = '#1a2a4a'; // deep navy outline var light = '#ffffff'; var rowBg = '#fff8e8'; // warm cream row var rowAlt = '#fef0d0'; // slightly deeper alt // Podium palette — each rank gets its own bg + border + pill tint var podium = [ { bg: '#ffd23f', dark: '#7a4e00', pill: '#fff4c0' }, // GOLD #1 { bg: '#dce3eb', dark: '#4a5566', pill: '#ffffff' }, // SILVER #2 { bg: '#e09060', dark: '#6b3010', pill: '#ffd9b8' } // BRONZE #3 ]; var rows = ''; for (var r = 0; r < 5; r++) { var entry = board && board[r]; var nm = entry ? (entry.name || '???') : '---'; if (nm.length > 14) nm = nm.substring(0, 13) + '…'; var timeStr = entry ? formatTime(entry.time) : '--:--.--'; var rank = r + 1; var isPodium = r < 3; var podiumStyle = isPodium ? podium[r] : null; var rowColor = isPodium ? podiumStyle.bg : (r % 2 === 0 ? rowBg : rowAlt); var rowBorder = isPodium ? podiumStyle.dark : dark; var pillBg = isPodium ? podiumStyle.pill : '#fff'; var pillSize = isPodium ? 32 : 26; var pillContent = isPodium ? medalSvg(r, 22) : '' + rank + ''; var textColor = isPodium ? podiumStyle.dark : (entry ? dark : '#9aa3b8'); var rowOpacity = entry ? 1 : (isPodium ? 0.85 : 0.55); var fontSize = isPodium ? 15 : 14; var timeFontSize = isPodium ? 16 : 15; var pad = isPodium ? '9px 11px' : '7px 10px'; rows += '

' + '

' + pillContent + '

' + '' + nm + '' + '' + timeStr + '' + '

'; } return `

TOP 10

${rows}

`; } // Economy: 7 coins per level × 5 levels = 35 from climbing, +15 from quests = 50 total. // 9 avatars: first free, last one is the cap. var AVATAR_UNLOCK_COSTS = [0, 3, 8, 14, 22, 30, 38, 44, 50]; function totalCoinsFrom(s) { var bc = s.bestCoins || {}; var tot = 0; for (var k in bc) { if (Object.prototype.hasOwnProperty.call(bc, k)) tot += (bc[k] | 0); } return tot; } function renderQuestsPanel(s) { var dark = '#1a2a4a'; var cream = '#fff8e8'; var panelBg = '#6fdb9b'; // mint — fresh, achievable // Coin icon helper var coin = function (size) { return ''; }; // Level progression — find next unfinished level (1..5). Only ONE level quest visible at a time. var levelTimes = s.levelTimes || {}; var levelsCompleted = 0; var nextUnfinishedLevel = 0; for (var lv = 1; lv <= 5; lv++) { if (levelTimes[lv]) { levelsCompleted++; } else if (!nextUnfinishedLevel) { nextUnfinishedLevel = lv; } } // Quest catalog. Per-level reward 2 coins × 5 levels = 10. Plus 3 + 3 + 5 = 11. Total possible = 21. var quests = []; if (nextUnfinishedLevel) { quests.push({ icon: '🏁', label: 'Finish Level ' + nextUnfinishedLevel, have: 0, need: 1, reward: 2 }); } quests.push({ icon: '⭐', label: 'Collect 7 coins in a run', have: Math.min(7, s.bestCoins || 0), need: 7, reward: 3 }); quests.push({ icon: '🚀', label: 'Reach 100m total', have: Math.min(100, Math.floor(s.bestHeight || 0)), need: 100, reward: 3 }); quests.push({ icon: '👑', label: 'All-clear: every coin in one run', have: ((s.bestCoins || 0) >= 7 ? 1 : 0), need: 1, reward: 5 }); // Header totals account for ALL level quests (completed + remaining), not just the visible one var levelQuestEarned = levelsCompleted * 2; var levelQuestTotal = 5 * 2; // Render quest rows var rows = ''; for (var i = 0; i < quests.length; i++) { var q = quests[i]; var done = q.have >= q.need; var pct = Math.max(0, Math.min(1, q.have / q.need)); var pctW = Math.round(pct * 100); var rowBg = done ? '#fff8e8' : 'rgba(255,255,255,0.55)'; var checkmark = done ? '

✓

' : '

' + q.icon + '

'; rows += '

' + checkmark + '

' + '

' + q.label + '

' + '

' + q.have + '/' + q.need + '

' + '

' // Reward chip + '

' + coin(14) + '

+' + q.reward + '

' + '

'; } // Header with total earned vs total available from quests var totalReward = 0; var earnedReward = 0; for (var j = 0; j < quests.length; j++) { totalReward += quests[j].reward; if (quests[j].have >= quests[j].need) earnedReward += quests[j].reward; } return '

' // Header + '

' + '

QUESTS

' + '

' + coin(14) + '

' + earnedReward + ' / ' + totalReward + '

' + '

' // Rows + '

' + rows + '

' + '

'; } function renderBattlePanel(s) { var dark = '#1a2a4a'; var cream = '#fff8e8'; // Battle vibe: hot magenta + cyan, electric. Different from yellow character card. var panelBg = '#ff3d8a'; var glow1 = '#ff6cb0'; var glow2 = '#5ce1ff'; // Battle stage — two beans facing off, CDN portrait var battleImg = '/cdn/image-battle-two-jellybean-mascot-pals-facing-off-pink-vaporwave-vs-cyan-skater-cartoon-3d-fighting-stance-electric-arena.png'; var stage = '' + '

' + '

' // subtle scanlines on top of image for arcade feel + '

' + '

'; // Mirror the character card's two rows: name-row (height of chunky arrows) // and dots-row, so "2 PLAYERS" lines up with the dots on the other card. var titleRow = '' // Row 1 — matches character name+arrows row (48px arrow height) + '

' + '

BATTLE MODE

' + '

' // Row 2 — matches character dots row vertical slot + '

' + '

2 PLAYERS

' + '

'; // COMING SOON button var btn = '

' + 'COMING SOON' + '

'; return '

' + stage + titleRow + '

' + btn + '

' + '

'; } function renderCharacterPanel(s) { var dark = '#1a2a4a'; var cream = '#fff8e8'; var panelBg = '#ffd23f'; var idx = (typeof s.avatarPreview === 'number') ? s.avatarPreview : 0; if (idx < 0) idx = 0; if (idx >= AVATAR_LIST.length) idx = AVATAR_LIST.length - 1; var a = AVATAR_LIST[idx]; var cost = AVATAR_UNLOCK_COSTS[idx] || 0; var coins = totalCoinsFrom(s); var unlocked = idx === 0 || coins >= cost; var activeBase = s.activeAvatarBase || AVATAR_LIST[0].base; var isEquipped = a.base === activeBase; // Character portrait — pre-rendered PNG, fills the whole stage, no motion. var portraitImg = '' + '

'; // Coin cost overlay (only when locked) — coin icon + cost number, centered var costOverlay = unlocked ? '' : '' + '

' + '' + '

' + cost + '

' + '

'; // Pagination dots var dots = ''; for (var d = 0; d < AVATAR_LIST.length; d++) { var dActive = d === idx; var dSize = dActive ? 10 : 7; var dBg = dActive ? AVATAR_LIST[d].tint : '#fff8e8'; dots += '

'; } // Arrow chunky buttons var arrow = function (dir) { var d = dir === 'left' ? -1 : 1; var sym = dir === 'left' ? '◀' : '▶'; return '

' + sym + '

'; }; // Select / Unlock / Equipped button var selectBtn; if (!unlocked) { selectBtn = '

' + 'UNLOCK (' + coins + '/' + cost + ')' + '

'; } else if (isEquipped) { selectBtn = '

' + '✓ EQUIPPED' + '

'; } else { selectBtn = ''; } return '

' // Portrait stage + '

' + portraitImg + costOverlay + '

' // Character name + arrows — one line guaranteed + '

' + arrow('left') + '

' + '

' + a.label + '

' + '

' + arrow('right') + '

' // Dots + '

' + dots + '

' // Select button + selectBtn + '

'; } function renderLevelSelect(s) { var levelTimes = s.levelTimes || {}; var leaderboards = s.leaderboards || {}; var idx = s.levelPreview || 1; if (idx < 1) idx = 1; if (idx > 5) idx = 5; var lvl = LEVELS[idx]; var accent = LEVEL_ACCENTS[idx] || LEVEL_ACCENTS[1]; var bestTime = levelTimes[idx] || 0; var completed = bestTime > 0; var stars = getStars(bestTime, lvl); var unlocked = true; var comingSoon = false; var board = leaderboards[idx] || []; // Cartoon palette — per-level card color var bg = LEVEL_CARD_BGS[idx] || '#8cb6ff'; var dark = '#1a2a4a'; var cream = '#fff8e8'; var creamAlt = '#fef0d0'; var podium = [ { bg: '#ffd23f', dark: '#7a4e00', pill: '#fff4c0' }, { bg: '#dce3eb', dark: '#4a5566', pill: '#ffffff' }, { bg: '#e09060', dark: '#6b3010', pill: '#ffd9b8' } ]; // Status pill — cartoon // Only show CLEARED badge when finished — no UNLOCKED/LOCKED state var statusPill = completed ? '

✓ CLEARED

' : ''; // Play button — chunky cartoon (disabled when coming soon) var playButton; if (comingSoon) { playButton = '

🛠 PRÓXIMAMENTE

'; } else { playButton = ''; } // Level tabs — file-folder style, each tab is its level's color, flush left, attached to card var TAB_ROMAN = { 1: 'I', 2: 'II', 3: 'III', 4: 'IV', 5: 'V' }; var tabs = ''; for (var d = 1; d <= 5; d++) { var tabActive = d === idx; var tabBg = LEVEL_CARD_BGS[d] || '#8cb6ff'; var tabOpacity = tabActive ? 1 : 0.88; var tabLift = 'translateY(0)'; var tabZ = tabActive ? 3 : 1; var tabShadow = tabActive ? 'inset 0 2px 0 rgba(255,255,255,0.55)' : 'inset 0 2px 0 rgba(255,255,255,0.35), inset 0 -4px 0 rgba(0,0,0,0.18)'; tabs += '

' + (TAB_ROMAN[d] || d) + '

'; } // Stars var starsHtml = (!comingSoon && unlocked) ? '

' + starsSvg(completed ? stars : 0, 28) + '

' : ''; // Best time block var bestLabel = (!comingSoon && unlocked) ? '

' + '

YOUR BEST

' + '

' + (completed ? formatTime(bestTime) : '--:--.--') + '

' + '

' : ''; // Top 7 rows — cartoon podium var rows = ''; for (var r = 0; r < 7; r++) { var entry = board && board[r]; var nm = entry ? (entry.name || '???') : '---'; if (nm.length > 14) nm = nm.substring(0, 13) + '…'; var timeStr = entry ? formatTime(entry.time) : '--:--.--'; var rank = r + 1; var isPodium = r < 3; var ps = isPodium ? podium[r] : null; var rowColor = isPodium ? ps.bg : (r % 2 === 0 ? cream : creamAlt); var rowBorder = isPodium ? ps.dark : dark; var pillBg = isPodium ? ps.pill : '#fff'; var pillSize = isPodium ? 30 : 24; var pillContent = isPodium ? medalSvg(r, 20) : '' + rank + ''; var textColor = isPodium ? ps.dark : (entry ? dark : '#9aa3b8'); var rowOpacity = entry ? 1 : (isPodium ? 0.85 : 0.55); var fontSize = isPodium ? 14 : 13; var timeFontSize = isPodium ? 15 : 14; rows += '

' + '

' + pillContent + '

' + '' + nm + '' + '' + timeStr + '' + '

'; } return `

          ${tabs}
        
LEVEL ${idx} / 5

              ${statusPill}
            
${lvl.name}

                ${starsHtml}
              
              ${bestLabel}
            
TOP CLIMBERS

            ${rows}
          
          ${playButton}
        
${renderCharacterPanel(s)}
${renderBattlePanel(s)}
${renderQuestsPanel(s)}

`; } function renderLoading(s) { var totalTime = 5; var loadTimerRemaining = (typeof s.loadTimer === 'number') ? s.loadTimer : totalTime; var loadElapsed = Math.max(0, totalTime - loadTimerRemaining); var pct = Math.min(loadElapsed / totalTime, 1); var barPct = Math.floor(pct * 100); var lvl = s.currentLevel || 1; var levelNames = { 1: 'DISCO CLIMB', 2: 'DEEP DIVE', 3: 'LAVA CIRCUIT', 4: 'CANDY KINGDOM', 5: 'ISLAND RISE' }; var levelAccent = { 1: '#ff4dd2', 2: '#3ec3d8', 3: '#ff7a2e', 4: '#ff5fa2', 5: '#3dd9c9' }; var levelFlavor = { 1: ['warming up the lasers', 'tuning the synthwave', 'charging the disco floor', 'powering up neon'], 2: ['flooding the chamber', 'releasing the bubbles', 'calling the coral', 'tuning the currents'], 3: ['stoking the magma', 'cracking the basalt', 'waking the volcano', 'lighting the embers'], 4: ['unwrapping the lollipops', 'fluffing the cotton candy', 'pouring the chocolate river', 'sprinkling the gumdrops'], 5: ['tuning the ukulele', 'rounding up the seagulls', 'painting the waves', 'stretching the palms'] }; var lvlName = levelNames[lvl] || ''; var accent = levelAccent[lvl] || '#ff4dd2'; var heroSrc = LEVEL_IMAGES[lvl] || LEVEL_IMAGES[1]; var flavors = levelFlavor[lvl] || levelFlavor[1]; var flavorIdx = Math.floor(loadElapsed / 1.2) % flavors.length; var flavor = flavors[flavorIdx]; var dotCount = Math.floor(loadElapsed * 2) % 4; var dots = ''; for (var i = 0; i < dotCount; i++) dots += '.'; // Cartoon palette — matches level select card color exactly var bg = LEVEL_CARD_BGS[lvl] || '#8cb6ff'; var dark = '#1a2a4a'; var cream = '#fff8e8'; return `

LEVEL ${lvl}
${lvlName}
${flavor}${dots}
${barPct}%

`; } function renderHud(s) { var height = s.currentHeight || 0; var runActive = s.runActive || false; var runTimer = s.runTimer || 0; var runLocked = s.runLocked || false; var runLockedTime = s.runLockedTime || 0; var runLockedCoins = s.runLockedCoins || 0; var currentLevel = s.currentLevel || 1; var lastRunsByLevel = s.lastRunsByLevel || {}; var lastCoinsByLevel = s.lastCoinsByLevel || {}; var levelTimesMap = s.levelTimes || {}; var lastRun = lastRunsByLevel[currentLevel] || 0; var lastCoins = lastCoinsByLevel[currentLevel] || 0; var bestRun = levelTimesMap[currentLevel] || 0; var coinsCollected = s.coinsCollected || 0; var levelDef = LEVELS[currentLevel] || { coins: 0 }; var totalCoins = levelDef.coins || 0; var bestCoinsMap = s.bestCoins || {}; var bestCoins = bestCoinsMap[currentLevel] || 0; var maxHByLevel = { 1: 130, 2: 150, 3: 65, 4: 70, 5: 100 }; var maxH = maxHByLevel[currentLevel] || 170; var barH = 320; var barW = 6; var pct = Math.min(Math.max(height / maxH, 0), 1); var markerY = barH - pct * (barH - 8) - 4; var liveIcon = runActive ? '' : runLocked ? '' : ''; var lastIcon = ''; var bestIcon = ''; var msg = s.msg || ''; var msgSub = s.msgSub || ''; var msgColor = s.msgColor || 'white'; var mColor = msgColor === 'red' ? '#ff5555' : msgColor === 'gold' ? '#ffd666' : msgColor === 'orange' ? '#ffaa44' : msgColor === 'green' ? '#66ee88' : '#ffffff'; var mGlow = msgColor === 'red' ? '0 0 20px #ff333399, 0 0 40px #ff222266, 0 2px 4px #00000088' : msgColor === 'gold' ? '0 0 20px #ffaa0099, 0 0 40px #ffaa0066, 0 2px 4px #00000088' : msgColor === 'orange' ? '0 0 20px #ff880099, 0 0 40px #ff660066, 0 2px 4px #00000088' : msgColor === 'green' ? '0 0 20px #44ff6699, 0 0 40px #44ff6666, 0 2px 4px #00000088' : '0 0 20px #ffffff99, 0 0 40px #ffffff66, 0 2px 4px #00000088'; var heightDisplay = Math.floor(height); return ` ${msg ? `

        ${msg}
      

${msgSub ? `

        ${msgSub}
      

` : ''}

      ${runBadge({
        label: runActive ? 'LIVE RUN' : (runLocked ? 'RUN COMPLETE' : 'READY'),
        time: runActive ? runTimer : (runLocked ? runLockedTime : 0),
        coins: runActive ? coinsCollected : (runLocked ? runLockedCoins : coinsCollected),
        totalCoins: totalCoins,
        bg: runActive ? '#5cd964' : (runLocked ? '#ffce3a' : '#a4b8d8'),
        dark: runActive ? '#1a4a1f' : (runLocked ? '#5a3a00' : '#2a3548'),
        light: '#ffffff',
        iconSvg: liveIcon,
        active: runActive || runLocked,
        showCoins: false
      })}
      ${runBadge({
        label: 'BEST RUN',
        time: bestRun,
        coins: bestCoins,
        totalCoins: totalCoins,
        bg: '#ff8fb1',
        dark: '#5c1a3a',
        light: '#ffffff',
        iconSvg: bestIcon,
        showCoins: false
      })}
      ${coinTotalBadge({
        label: 'LOOT',
        coins: runActive ? coinsCollected : (runLocked ? runLockedCoins : coinsCollected),
        totalCoins: totalCoins,
        bg: '#ffd666',
        dark: '#5a3a00',
        light: '#ffffff',
        iconSvg: '$'
      })}
      

    

          
          ${heightDisplay}m
        

        DOUBLE JUMP · SPACE x2
      

${renderNpcTip()} `; } var _uiWorld = null; var _uiPlayerPos = null; var NPC_AVATARS = { 'CAPTAIN POLLY': `

`, 'DIGGER MOLE': `

`, 'BJORN': `

`, 'SANDY': `

` }; function renderNpcTip() { if (!_uiWorld || !_uiPlayerPos) return ''; var npcs = []; try { npcs = _uiWorld.query({ tags: ['npc'], center: _uiPlayerPos, radius: 10 }); } catch(e) { return ''; } if (npcs.length === 0) return ''; var npc = npcs[0]; var dx = npc.feetPosition.x - _uiPlayerPos.x; var dz = npc.feetPosition.z - _uiPlayerPos.z; var dist = Math.sqrt(dx * dx + dz * dz); if (dist > 10) return ''; var tip = npc.state.currentTip || ''; if (!tip) return ''; var npcName = npc.state.npcName || 'CAPTAIN POLLY'; var avatar = NPC_AVATARS[npcName] || NPC_AVATARS['CAPTAIN POLLY']; return `

${avatar}

${npcName}

            ${tip}
          

`; } export default function(localPlayer, world) { _uiWorld = world; _uiPlayerPos = localPlayer.feetPosition; var s = localPlayer.state; var phase = s.gamePhase || 'levelSelect'; if (phase === 'preload' || phase === 'splash') { var t = s.splashTimer || s.preloadTimer || 0; var total = 4.5; return `

VOXEL CLIMB
REACH THE SUMMIT

`; } if (phase === 'title') return renderLevelSelect(s); if (phase === 'levelSelect') return renderLevelSelect(s); if (phase === 'loading') return renderLoading(s); var hud = renderHud(s); if (s._scoreboardOpen) hud += renderScoreboardModal(s); hud += renderAvatarDevPicker(s); return hud; } var AVATAR_LIST = [ { label: 'MOCHY', tint: '#ff77c0', base: '/cdn/model-humanoid-chubby-jellybean-mascot-hot-pink-vaporwave-palm-jacket-teal-sneakers.glb', portrait: '/cdn/image-portrait-jellybean-mascot-hot-pink-vaporwave-palm-jacket-teal-sneakers-full-body-cartoon-3d.png' }, { label: 'ZAPPY', tint: '#ffd23f', base: '/cdn/model-humanoid-rounded-bean-pal-electric-yellow-jumpsuit-mirrored-visor-confident-rave-ready.glb', portrait: '/cdn/image-portrait-rounded-bean-electric-yellow-jumpsuit-mirrored-visor-rave-ready-full-body-cartoon-3d.png' }, { label: 'TIGRO', tint: '#ff4cb8', base: '/cdn/model-humanoid-rounded-bean-pal-laser-tiger-magenta-stripes-mirrored-shades-rave-vest.glb', portrait: '/cdn/image-portrait-rounded-bean-laser-tiger-magenta-stripes-mirrored-shades-rave-vest-full-body-cartoon-3d.png' }, { label: 'PRISMO', tint: '#b8f0ff', base: '/cdn/model-humanoid-rounded-bean-pal-holographic-iridescent-prism-pastel-rainbow-translucent-crystal-headphones.glb', portrait: '/cdn/image-portrait-rounded-bean-holographic-iridescent-pastel-rainbow-translucent-crystal-headphones-full-body-cartoon-3d.png' }, { label: 'BLUU', tint: '#4fc8ff', base: '/cdn/model-humanoid-rounded-bean-pal-electric-blue-skater-cyan-hoodie-white-cap-sneakers-streetwear.glb', portrait: '/cdn/image-portrait-rounded-bean-electric-blue-skater-cyan-hoodie-white-cap-sneakers-streetwear-full-body-cartoon-3d.png' }, { label: 'SLIMO', tint: '#7fff5a', base: '/cdn/model-humanoid-rounded-bean-pal-acid-green-biohazard-goggles-dripping-slime-pattern.glb', portrait: '/cdn/image-portrait-rounded-bean-acid-green-biohazard-goggles-dripping-slime-pattern-full-body-cartoon-3d.png' }, { label: 'GLITCH', tint: '#a070ff', base: '/cdn/model-humanoid-chubby-jellybean-mascot-purple-hacker-hoodie-green-matrix-glow.glb', portrait: '/cdn/image-portrait-jellybean-mascot-purple-hacker-hoodie-green-matrix-glow-full-body-cartoon-3d.png' }, { label: 'BEATZ', tint: '#7080ff', base: '/cdn/model-humanoid-rounded-bean-pal-black-cyber-dj-electric-blue-headphones-glowing-visor-mixer-vest.glb', portrait: '/cdn/image-portrait-rounded-bean-black-cyber-dj-electric-blue-headphones-glowing-visor-mixer-vest-full-body-cartoon-3d.png' }, { label: 'NOVA', tint: '#8b4dff', base: '/cdn/model-humanoid-rounded-bean-pal-deep-indigo-galaxy-starfield-body-purple-nebula-glow-cosmic-cape.glb', portrait: '/cdn/image-portrait-rounded-bean-deep-indigo-galaxy-starfield-purple-nebula-glow-cosmic-cape-full-body-cartoon-3d.png' } ]; function renderAvatarDevPicker(s) { // Hidden for release — dev-only avatar picker return ''; var open = !!s._avatarPickerOpen; var grid = ''; if (open) { var cells = ''; for (var i = 0; i < AVATAR_LIST.length; i++) { var a = AVATAR_LIST[i]; cells += ''; } grid = '

' + '' + '

' + '

' + 'AVATARS (DEV)' + '

' + '

' + cells + '

' + '

'; } return '' + '

'
    +   grid
    +   ''
    + '

'; }

Spawn