// Weather Gallery HUD — start screen + mute toggle + how-to-play guide + loading screens const { renderStartScreen } = require('lib/ui-start.js'); const { renderGuide } = require('lib/ui-guide.js'); const { renderRainLoading } = require('lib/ui-rain-loading.js'); const { renderThunderLoading } = require('lib/ui-thunder-loading.js'); const { renderSnowLoading } = require('lib/ui-snow-loading.js'); const { renderSunnyLoading } = require('lib/ui-sunny-loading.js'); const { renderSandstormLoading } = require('lib/ui-sandstorm-loading.js'); const { renderFogLoading } = require('lib/ui-fog-loading.js'); const { renderHailLoading } = require('lib/ui-hail-loading.js'); const renderRainQuest = require('lib/ui-rain-quest.js'); const renderRainDialog = require('lib/ui-rain-dialog.js'); const renderSteveDialog = require('lib/ui-steve-dialog.js'); const renderStrangeGuide = require('lib/ui-strange-guide.js'); function safeRender(renderFn, playerArg, worldArg) { try { return renderFn(playerArg, worldArg) || ''; } catch (e) { return ''; } } export default function (localPlayer, world) { const state = (localPlayer && localPlayer.state) ? localPlayer.state : {}; // When control transfers to the bench, localPlayer becomes the bench entity. // The bench has sitterId in its state — use that to detect sitting. const sitting = !!state.sitterId; const safePlayer = localPlayer ? { ...localPlayer, state } : { state }; const startPlayer = localPlayer ? { ...localPlayer, state } : null; const muted = state.muted ?? false; var currentPlace = state._movementPlace ?? (sitting ? (state.sitterPlace ?? 'main') : 'main'); // When sitting on a bench, suppress start/guide/loading overlays var startHtml = sitting ? '' : safeRender(renderStartScreen, startPlayer); // Guide panel (shown when showGuide is true) var guideHtml = sitting ? '' : safeRender(renderGuide, safePlayer); // Loading screen overlays (place transitions) — suppress when sitting var loadingHtml = sitting ? '' : safeRender(renderRainLoading, safePlayer); var thunderLoadingHtml = sitting ? '' : safeRender(renderThunderLoading, safePlayer); var snowLoadingHtml = sitting ? '' : safeRender(renderSnowLoading, safePlayer); var sunnyLoadingHtml = sitting ? '' : safeRender(renderSunnyLoading, safePlayer); var sandstormLoadingHtml = sitting ? '' : safeRender(renderSandstormLoading, safePlayer); var fogLoadingHtml = sitting ? '' : safeRender(renderFogLoading, safePlayer); var hailLoadingHtml = sitting ? '' : safeRender(renderHailLoading, safePlayer); var questHtml = sitting ? '' : safeRender(renderRainQuest, safePlayer); var dialogHtml = sitting ? '' : safeRender(renderRainDialog, safePlayer, world); var steveDialogHtml = sitting ? '' : safeRender(renderSteveDialog, safePlayer); var strangeGuideHtml = sitting ? '' : safeRender(renderStrangeGuide, safePlayer); // Speaker icon SVGs const speakerOn = ` `; const speakerOff = ` `; // Mute button — neon glass plate per world // Color themes per biome: [neon color, dark bg, border glow] var muteNeon = '#7B8CFF'; var muteDark = '#0c0e28'; var muteGlowA = 'rgba(123,140,255,'; if (currentPlace === 'rain') { muteNeon = '#5EB7FF'; muteDark = '#061828'; muteGlowA = 'rgba(94,183,255,'; } if (currentPlace === 'snow') { muteNeon = '#B8E0FF'; muteDark = '#0c1828'; muteGlowA = 'rgba(184,224,255,'; } if (currentPlace === 'sunny') { muteNeon = '#FFD966'; muteDark = '#1a1408'; muteGlowA = 'rgba(255,217,102,'; } if (currentPlace === 'thunder') { muteNeon = '#C490FF'; muteDark = '#140828'; muteGlowA = 'rgba(196,144,255,'; } if (currentPlace === 'fog') { muteNeon = '#A0A8B8'; muteDark = '#101218'; muteGlowA = 'rgba(160,168,184,'; } if (currentPlace === 'sandstorm') { muteNeon = '#F0C870'; muteDark = '#1a1208'; muteGlowA = 'rgba(240,200,112,'; } if (currentPlace === 'meteor') { muteNeon = '#E05555'; muteDark = '#180a0a'; muteGlowA = 'rgba(224,85,85,'; } if (currentPlace === 'hail') { muteNeon = '#8EC8F0'; muteDark = '#0a1520'; muteGlowA = 'rgba(142,200,240,'; } var muteButtonHtml = ''; if (localPlayer) muteButtonHtml = `

`; // Portal visibility toggle — hide/show return portal in biome worlds var portalHidden = state.portalHidden ?? false; var portalToggleHtml = ''; var hailToggleHtml = ''; if (localPlayer && currentPlace !== 'main') { var eyeIcon = ``; var eyeOffIcon = ``; portalToggleHtml = `

`; // Hail toggle — only in hail world if (currentPlace === 'hail') { var hailPaused = state.hailPaused ?? false; var snowflakeIcon = ``; hailToggleHtml = `

`; // Low detail toggle var isLowDetail = state.lowDetail ?? false; var gearIcon = ``; hailToggleHtml += `

`; } } // "I've already read the book" skip button — only in main place, before reading the book var confirmingSkip = state.confirmingSkipBook ?? false; var skipBookHtml = ''; if (!sitting && localPlayer && currentPlace === 'main' && !state.hasReadBook && !state.showGuide) { if (confirmingSkip) { // Confirmation state: show "Are you sure?" with confirm + cancel skipBookHtml = `

`; } else { // Default state: initial "I've already read the book" button skipBookHtml = `

`; } } // Current world indicator var WORLD_LABELS = { main: { name: 'The Gallery', icon: '🏛️', accent: 'rgba(200,180,140,1)', glow: 'rgba(200,180,140,0.25)', bg: 'linear-gradient(135deg, rgba(40,35,25,0.7), rgba(60,50,35,0.5))', border: 'rgba(200,180,140,0.35)', divider: 'rgba(200,180,140,0.4)' }, rain: { name: 'Rain World', icon: '🌧️', accent: 'rgba(140,190,245,1)', glow: 'rgba(100,160,230,0.25)', bg: 'linear-gradient(135deg, rgba(15,30,55,0.7), rgba(25,45,75,0.5))', border: 'rgba(120,170,230,0.35)', divider: 'rgba(120,170,230,0.4)' }, snow: { name: 'Snow World', icon: '❄️', accent: 'rgba(210,225,250,1)', glow: 'rgba(190,210,240,0.25)', bg: 'linear-gradient(135deg, rgba(25,35,50,0.7), rgba(40,50,70,0.5))', border: 'rgba(190,210,240,0.35)', divider: 'rgba(190,210,240,0.4)' }, sunny: { name: 'Sunny Meadow', icon: '☀️', accent: 'rgba(255,240,160,1)', glow: 'rgba(255,230,100,0.25)', bg: 'linear-gradient(135deg, rgba(50,40,15,0.7), rgba(70,55,20,0.5))', border: 'rgba(255,240,140,0.35)', divider: 'rgba(255,240,140,0.4)' }, thunderstorm: { name: 'Thunderstorm', icon: '⛈️', accent: 'rgba(200,170,250,1)', glow: 'rgba(170,130,230,0.25)', bg: 'linear-gradient(135deg, rgba(35,20,55,0.7), rgba(50,35,75,0.5))', border: 'rgba(170,140,230,0.35)', divider: 'rgba(170,140,230,0.4)' }, fog: { name: 'Fog World', icon: '🌫️', accent: 'rgba(200,205,220,1)', glow: 'rgba(160,170,190,0.2)', bg: 'linear-gradient(135deg, rgba(35,37,45,0.7), rgba(50,52,60,0.5))', border: 'rgba(160,170,190,0.3)', divider: 'rgba(160,170,190,0.35)' }, sandstorm: { name: 'Sandstorm', icon: '🏜️', accent: 'rgba(240,210,140,1)', glow: 'rgba(210,170,90,0.25)', bg: 'linear-gradient(135deg, rgba(55,40,15,0.7), rgba(75,55,25,0.5))', border: 'rgba(210,180,110,0.35)', divider: 'rgba(210,180,110,0.4)' }, meteor: { name: 'Meteor Shower', icon: '☄️', accent: 'rgba(240,160,80,1)', glow: 'rgba(240,140,60,0.25)', bg: 'linear-gradient(135deg, rgba(60,30,10,0.7), rgba(80,40,15,0.5))', border: 'rgba(240,150,70,0.35)', divider: 'rgba(240,150,70,0.4)' }, }; var worldInfo = WORLD_LABELS[currentPlace] || WORLD_LABELS.main; // === OBJECTIVES PER WORLD === var WORLD_OBJECTIVES = { main: [ { key: 'hasReadBook', label: 'Read the guide book', icon: '📖' }, { key: 'obj_gallery_portal', label: 'Enter a portal', icon: '🌀' }, { key: 'obj_gallery_strange', label: 'Enter the Strange Weathers area', icon: '🌑' }, ], rain: [ { key: 'obj_rain_shelter', label: 'Explore the shelter', icon: '🏠' }, { key: 'obj_rain_sit', label: 'Sit on a bench', icon: '🪑' }, { key: 'obj_rain_talk', label: 'Talk to Hana', icon: '💬' }, { key: 'obj_rain_mushroom', label: 'Find a glowing mushroom', icon: '🍄' }, { key: 'obj_rain_mushrooms_all', label: 'Collect all 5 mushrooms', icon: '✨' }, { key: 'obj_rain_sky', label: 'Power the sky', icon: '🌌' }, ], snow: [ { key: 'obj_snow_cabin', label: 'Find the cabin', icon: '🏔️' }, { key: 'obj_snow_chair', label: 'Sit on the chair', icon: '🪑', requireKey: 'obj_snow_cabin' }, { key: 'obj_snow_snowman', label: 'Build the snowman', icon: '☃️', requireKey: 'obj_snow_discovered_platform' }, ], sunny: [ { key: 'obj_sunny_explore', label: 'Explore the meadow', icon: '🌻' }, { key: 'obj_sunny_talk', label: 'Talk to the woman', icon: '💬' }, { key: 'obj_sunny_sit', label: 'Sit and relax', icon: '🧺' }, ], thunderstorm: [ { key: 'obj_thunder_survive', label: 'Brave the storm', icon: '⚡' }, { key: 'obj_thunder_cabin', label: 'Explore the lonely cabin', icon: '🏚️' }, ], fog: [ { key: 'obj_fog_explore', label: 'Wander into the mist', icon: '👁️' }, { key: 'obj_fog_skull', label: 'Kick the skull', icon: '💀' }, { key: 'obj_fog_graveyard', label: 'Explore the graveyard', icon: '🪦' }, ], sandstorm: [ { key: 'obj_sand_explore', label: 'Endure the sandstorm', icon: '🏜️' }, { key: 'obj_sand_steve', label: 'Talk to Steve', icon: '💬' }, { key: 'obj_sand_cacti', label: 'Blow up the cacti (0/5)', icon: '💣', dynamic: true }, ], }; // Derive objective completion from existing state var objState = {}; // Gallery objState.hasReadBook = !!state.hasReadBook; objState.obj_gallery_portal = !!state.obj_gallery_portal; objState.obj_gallery_strange = !!state.obj_gallery_strange; // Rain objState.obj_rain_shelter = !!state.obj_rain_shelter; objState.obj_rain_sit = !!state.obj_rain_sit || !!state.sitting; objState.obj_rain_talk = !!state.obj_rain_talk || (state.rainQuest === 'active') || (state.rainQuest === 'complete'); objState.obj_rain_mushroom = !!state.obj_rain_mushroom || (state.mushroomsCollected ?? 0) >= 1; objState.obj_rain_mushrooms_all = (state.mushroomsCollected ?? 0) >= 5; objState.obj_rain_sky = !!state.skyPowered; // Snow objState.obj_snow_cabin = !!state.obj_snow_cabin; objState.obj_snow_discovered_platform = !!state.obj_snow_discovered_platform; objState.obj_snow_fire = !!state.obj_snow_fire; objState.obj_snow_snowman = !!state.obj_snow_snowman || state.snowmanQuest === 'complete'; // Simple presence-based ones objState.obj_sunny_explore = !!state.obj_sunny_explore; objState.obj_sunny_talk = !!state.obj_sunny_talk; objState.obj_sunny_sit = !!state.obj_sunny_sit; objState.obj_thunder_survive = !!state.obj_thunder_survive; objState.obj_thunder_cabin = !!state.obj_thunder_cabin; objState.obj_fog_explore = !!state.obj_fog_explore; objState.obj_fog_skull = !!state.obj_fog_skull; objState.obj_fog_graveyard = !!state.obj_fog_graveyard; objState.obj_sand_explore = !!state.obj_sand_explore; objState.obj_sand_steve = !!state.obj_sand_steve; objState.obj_sand_cacti = !!(state.steveQuestComplete); var cactiCount = state.cactiDestroyed || 0; var objectives = WORLD_OBJECTIVES[currentPlace] || []; // Filter out objectives that require a discovery key var visibleObjectives = []; for (var fi = 0; fi < objectives.length; fi++) { var reqKey = objectives[fi].requireKey; if (reqKey && !objState[reqKey]) continue; visibleObjectives.push(objectives[fi]); } var completedCount = 0; for (var oi = 0; oi < visibleObjectives.length; oi++) { if (objState[visibleObjectives[oi].key]) completedCount++; } var objectivesHtml = ''; if (visibleObjectives.length > 0) { var rows = ''; for (var oi2 = 0; oi2 < visibleObjectives.length; oi2++) { var obj = visibleObjectives[oi2]; var done = objState[obj.key]; rows += `

${done ? '✓' : obj.icon} ${obj.dynamic ? obj.label.replace('(0/5)', '(' + cactiCount + '/5)') : obj.label}

`; } objectivesHtml = `

Objectives ${completedCount}/${visibleObjectives.length}

${rows}

`; } var worldIndicatorHtml = ''; if (localPlayer && !state.showStartScreen) { worldIndicatorHtml = `

${worldInfo.icon}

Current World ${worldInfo.name}

${objectivesHtml}

`; } // === HEALTH BAR (sandstorm + meteor) === var healthBarHtml = ''; if (currentPlace === 'sandstorm') { var hp = safePlayer.state.health ?? 100; var hpPct = Math.max(0, Math.min(100, hp)); var isLow = hpPct <= 25; var fillPct = Math.max(0, Math.min(100, hpPct)); // Color tiers var barCol = isLow ? '#cc2020' : hpPct <= 50 ? '#d4882c' : '#c8a830'; var barColBright = isLow ? '#ff4040' : hpPct <= 50 ? '#f0a840' : '#f0d050'; var glowCol = isLow ? 'rgba(220,40,30,.6)' : 'rgba(200,170,50,.4)'; healthBarHtml = `

${Array.from({length:6}, function(_,i) { return '

'; }).join('')}

${hpPct}

`; // === DEATH SCREEN (health <= 0) === if (hpPct <= 0) { healthBarHtml = `

💀

YOU DIED

The desert claims another soul...

`; } } // Thunder warning overlay var thunderWarningHtml = ''; // === METEOR HEALTH BAR === var meteorHealthHtml = ''; if (currentPlace === 'meteor') { var mhp = safePlayer.state.health ?? 100; var mhpPct = Math.max(0, Math.min(100, mhp)); var mLow = mhpPct <= 25; var mFill = Math.max(0, Math.min(100, mhpPct)); var mBarCol = mLow ? '#cc2020' : mhpPct <= 50 ? '#d45020' : '#d06018'; var mBarBright = mLow ? '#ff4040' : mhpPct <= 50 ? '#ff7030' : '#ff8828'; var mGlow = mLow ? 'rgba(220,40,30,.6)' : 'rgba(220,100,30,.4)'; meteorHealthHtml = `

${Array.from({length:6}, function(_,i) { return '

'; }).join('')}

${mhpPct}

`; // === METEOR DEATH SCREEN === if (mhpPct <= 0) { meteorHealthHtml = `

☄️

            INCINERATED
          

            The sky showed no mercy
          

`; } } if (state.thunderWarning && !sitting) { thunderWarningHtml = `

⚡

Photosensitivity Warning

The Thunderstorm world contains bright flashing lights and sudden screen effects that may affect players who are sensitive to flashing imagery.

`; } return ` ${startHtml} ${guideHtml} ${loadingHtml} ${thunderLoadingHtml} ${snowLoadingHtml} ${sunnyLoadingHtml} ${sandstormLoadingHtml} ${fogLoadingHtml} ${hailLoadingHtml} ${healthBarHtml} ${meteorHealthHtml} ${worldIndicatorHtml} ${skipBookHtml} ${muteButtonHtml} ${portalToggleHtml} ${hailToggleHtml} ${questHtml} ${dialogHtml} ${steveDialogHtml} ${strangeGuideHtml} ${thunderWarningHtml} ${currentPlace === 'meteor' ? `

` : ''} `; }

Spawn