Combat progress: ${questState.count} / ${quest.target}
` + : quest.kind === "boss" + ? `` + : ``; + } else action = `✓ Quest complete · Archive Sigil restored
`; + + if (id === "library" && state.sigils.length === 8) { + action += state.defeatedBosses.includes("redactor") + ? `` + : ``; + } else if (place.area && questState.status === "complete") { + action += ``; + } + + show("landmark", place.title, place.eyebrow, ` + +${place.description}
+${npc.name}: ${npc.intro}+
E/Enter confirms · Escape returns to town
+ `); + } + + function openNpc(id, state) { + const npc = Data.NPCS[id]; + if (!npc) return; + if (npc.landmark) return openLandmark(npc.landmark, state); + const side = state.quests.lost_letter; + let action = ""; + if (id === "nell" && side.status !== "complete") { + action = ``; + } + show("dialogue", npc.name, "Conversation", `${npc.intro}${action}`); + } + + function openChallenge(questId, state) { + const quest = Data.QUESTS[questId]; + const npc = Data.NPCS[Data.LANDMARKS[quest.landmark].npc]; + if (!quest) return; + if (quest.kind === "sequence") { + const options = quest.options.map((value) => + ``).join(""); + show("puzzle", quest.title, "Archive puzzle", ` +
${quest.objective}
Choose the first symbol.
+ +${npc.hint}
${npc.hint}
${Systems.currentObjective(state)}
`; + } else if (active === "inventory") { + const rows = state.inventory.map((entry) => { + const item = Data.ITEMS[entry.id]; + const use = item.type === "consumable" ? `` : ""; + return `The Redactor could not remove what you have already restored.
`); + } + + function openEnding(state) { + show("ending", "Context restored", "The Archive remembers", ` +The eight sigils do not destroy the Redactor. They give it back the connections it removed.
+“I was built to preserve everything,” it remembers. “I mistook emptiness for safety.”+
${state.name} closes the Living Bookmark. Across town, lamps relight, signs regain their names, and every unfinished story is allowed to remain unfinished.
+ + `); + } + + function openReset() { + show("confirm", "Reset this traveler?", "Confirmation", `This clears both Archive World save versions on this device. It cannot be undone.
`); + } + + function onAction(event) { + const button = event.target.closest("[data-action]"); + if (!button) return; + const action = button.dataset.action; + if (action === "return") return close(); + if (action === "start-quest") { + callbacks.onStartQuest(button.dataset.id); + const quest = Data.QUESTS[button.dataset.id]; + close(); + if (!["combat", "boss"].includes(quest.kind)) window.setTimeout(() => openChallenge(button.dataset.id, callbacks.getState()), 0); + } else if (action === "challenge") { + openChallenge(button.dataset.id, callbacks.getState()); + } else if (action === "sequence") { + const quest = Data.QUESTS[button.dataset.id]; + sequence.push(button.dataset.value); + const valid = sequence.every((value, index) => value === quest.sequence[index]); + const status = body.querySelector("[data-sequence-status]"); + if (!valid) { + sequence = []; + status.textContent = "The sequence faded. Begin again; there is no penalty."; + } else if (sequence.length === quest.sequence.length) { + callbacks.onCompleteQuest(button.dataset.id); + openLandmark(quest.landmark, callbacks.getState()); + } else { + status.textContent = `${sequence.length} of ${quest.sequence.length} symbols hold.`; + } + } else if (action === "travel") { + const area = button.dataset.area; + close(); + callbacks.onTravel(area); + } else if (action === "menu-tab") { + openMenu(callbacks.getState(), button.dataset.tab); + } else if (action === "use-item") { + callbacks.onUseItem(button.dataset.id); + openMenu(callbacks.getState(), "inventory"); + } else if (action === "start-choice") { + show("choice", "The Letter Nell Kept", "Optional story", `Nell asks whether an unaddressed letter should be opened, delivered to the Museum, or kept private.
+ + + `); + } else if (action === "finish-choice") { + callbacks.onChoice(button.dataset.choice); + close(); + } else if (action === "respawn") { + close(); + callbacks.onRespawn(); + } else if (action === "return-town") { + close(); + callbacks.onTravel("town"); + } else if (action === "toggle-fullscreen") { + callbacks.onFullscreen(); + } else if (action === "confirm-reset") { + openReset(); + } else if (action === "reset") { + callbacks.onReset(); + } + } + + function onSubmit(event) { + const form = event.target.closest("[data-matching]"); + if (!form) return; + event.preventDefault(); + const quest = Data.QUESTS[form.dataset.matching]; + const values = Object.fromEntries(new FormData(form)); + const correct = Object.entries(quest.matches).every(([memory, owner]) => values[memory] === owner) + && new Set(Object.values(values)).size === Object.keys(quest.matches).length; + const status = form.querySelector("[data-match-status]"); + if (!correct) { + status.textContent = "Those memories do not settle. Try another matching."; + return; + } + callbacks.onCompleteQuest(form.dataset.matching); + openLandmark(quest.landmark, callbacks.getState()); + } + + function pretty(value) { + return String(value).replace(/_/g, " ").replace(/\b\w/g, (letter) => letter.toUpperCase()); + } + + return Object.freeze({ + close, isOpen: () => !overlay.hidden, openLandmark, openNpc, openChallenge, openMenu, openDefeat, openEnding, + refreshMenu: (state) => { if (!overlay.hidden && overlay.dataset.panelKind === "menu") openMenu(state, "quests"); } + }); + } + + root.ArchiveWorldUI = Object.freeze({ create }); +}(typeof globalThis !== "undefined" ? globalThis : this)); diff --git a/assets/scripts/pages/archive-world.js b/assets/scripts/pages/archive-world.js index 94f2347..85dc8b2 100644 --- a/assets/scripts/pages/archive-world.js +++ b/assets/scripts/pages/archive-world.js @@ -1,420 +1,401 @@ (function () { "use strict"; + const Data = window.ArchiveWorldData; const State = window.ArchiveWorldState; - const LANDMARKS = Object.freeze({ - gate: landmark("Town Gate", "Arrivals", 640, 830, - "The old gate remembers every arrival. Begin at the dashboard or follow the newest paths.", - [["Home", "/"], ["Recently updated", "/recently-updated.html"], ["Contact", "/home/contact.html"]]), - library: landmark("Grand Library", "Knowledge", 260, 285, - "Long-lived explanations, categories, and learning notes fill the blue-roofed library.", - [["Posts", "/posts/posts-list.html"], ["Categories", "/home/categories.html"], ["Posts introduction", "/posts/posts-intro.html"]]), - study: landmark("Guild Study", "Work", 640, 250, - "Engineering notes, professional lessons, and active competencies cover every desk.", - [["Career", "/posts/career/career-list.html"], ["Competency status", "/home/status.html"], ["Probation objectives", "/posts/career/probation-objectives.html"]]), - inn: landmark("Kitchen Inn", "Daily life", 1005, 270, - "Weekly reviews and ordinary days stay warm beside the inn's oven.", - [["Blogs", "/blogs/blogs-list.html"], ["Weekly reviews", "/tags/review.html"], ["Blogs introduction", "/blogs/blogs-intro.html"]]), - workshop: landmark("Workshop", "Living systems", 1030, 535, - "Trackers, services, plans, and practical machinery keep the town moving.", - [["Services", "/home/services.html"], ["Wird tracker", "/home/wird-tracker.html"], ["Countdowns", "/home/countdown.html"], ["Backlog", "/home/backlog.html"]]), - playroom: landmark("Playroom", "Experiments", 1005, 765, - "Games, generators, and stranger little mechanisms glow behind the bright windows.", - [["Play hub", "/play/play.html"], ["The Rain Index", "/play/the-rain-index.html"], ["House of Pages", "/play/house.html"]]), - museum: landmark("Lima Museum", "Keepsakes", 275, 765, - "Personal fragments, older writing, and small memories rest beneath the glass roof.", - [["Lima archive", "/lima/index.html"], ["Older writing", "/blogs/2025/2025-list.html"], ["Memory Cabinet", "/play/memory.html"]]), - garden: landmark("Notes Garden", "Connections", 220, 515, - "Loose notes, paths between topics, and recently tended pages grow beyond the trellis.", - [["Notes wall", "/home/notes.html"], ["Categories", "/home/categories.html"], ["Recently updated", "/recently-updated.html"], ["Sitemap", "/sitemap.html"]]) - }); - - const PALETTE_TINTS = Object.freeze({ - brass: 0xf1c46f, - moss: 0x91c788, - berry: 0xd894ad - }); + const Systems = window.ArchiveWorldSystems; + const UI = window.ArchiveWorldUI; + const Scenes = window.ArchiveWorldScenes; + const Audio = window.ArchiveWorldAudio; const controller = { + root: null, state: null, + game: null, scene: null, + ui: null, + audio: null, lock: false, move: { up: false, down: false, left: false, right: false }, - reducedMotion: window.matchMedia("(prefers-reduced-motion: reduce)").matches, - saveTimer: 0 + prompt: "", + lastSaveAt: 0, + systemReducedMotion: window.matchMedia("(prefers-reduced-motion: reduce)").matches, + getState: () => controller.state, + locked: () => controller.lock, + reducedMotion: () => controller.state && controller.state.settings.reducedMotion !== null + ? controller.state.settings.reducedMotion : controller.systemReducedMotion }; - function landmark(title, eyebrow, x, y, description, links) { - return Object.freeze({ title, eyebrow, x, y, description, links: Object.freeze(links) }); - } - document.addEventListener("DOMContentLoaded", init); function init() { const root = document.querySelector('.archive-world[data-play-page="archive-world"]'); - if (!root || !State) return; + if (!root || !Data || !State || !Systems || !UI || !Scenes || !Audio) return; + controller.root = root; + controller.audio = Audio.create(() => controller.state); + bindSetup(); + bindControls(); + bindSettings(); + controller.ui = UI.create(root, { + getState: () => controller.state, + onLock: (locked) => { controller.lock = locked; }, + onStartQuest: startQuest, + onCompleteQuest: completeQuest, + onTravel: travel, + onUseItem: useItem, + onChoice: completeChoice, + onRespawn: respawn, + onFullscreen: toggleFullscreen, + onReset: resetAll + }); - const stored = State.parse(localStorage.getItem(State.STORAGE_KEY)); - controller.state = stored; - bindInterface(root); - - if (!window.Phaser) { - setStatus(root, "The world engine could not load. Every destination remains available in the plain directory."); - return; - } - - if (stored) { - startGame(root); + const loaded = loadState(); + if (loaded.state) { + controller.state = loaded.state; + renderHud(); + startGame(); + if (loaded.message) status(loaded.message); } else { - openSetup(root); + openSetup(loaded.message); } } - function bindInterface(root) { - const setup = root.querySelector("[data-world-setup]"); - const setupForm = root.querySelector("[data-world-setup-form]"); - const preview = root.querySelector("[data-world-preview]"); - const journal = root.querySelector("[data-world-journal]"); + function loadState() { + try { + const rawV2 = localStorage.getItem(State.STORAGE_KEY); + if (rawV2) { + const parsed = State.parse(rawV2); + return parsed + ? { state: ensureSafePosition(parsed), message: null } + : { state: null, message: "The saved Archive World data was malformed, so a clean traveler setup is ready." }; + } + const rawV1 = localStorage.getItem(State.LEGACY_KEY); + if (rawV1) { + const migrated = State.parse(rawV1); + if (migrated) { + persistState(migrated); + return { state: ensureSafePosition(migrated), message: "Your original Archive World traveler was safely migrated to the new adventure." }; + } + return { state: null, message: "The older save could not be restored, so a clean traveler setup is ready." }; + } + } catch (_error) { + return { state: null, message: "Local saving is unavailable. You can still play during this visit." }; + } + return { state: null, message: null }; + } - setup.addEventListener("cancel", (event) => event.preventDefault()); - setupForm.addEventListener("submit", (event) => { + function ensureSafePosition(state) { + if (state.health <= 0) state = Systems.respawn(state); + const safe = Systems.nearestSafeSpawn(state.position.area, state.position.x, state.position.y); + return State.withPosition(state, safe.area, safe.x, safe.y, state.position.facing, safe.spawn); + } + + function bindSetup() { + const dialog = controller.root.querySelector("[data-world-setup]"); + const form = controller.root.querySelector("[data-world-setup-form]"); + dialog.addEventListener("cancel", (event) => event.preventDefault()); + form.addEventListener("submit", (event) => { event.preventDefault(); - const data = new FormData(setupForm); - const name = State.validateName(data.get("name")); - const palette = State.validatePalette(data.get("palette")); - const error = root.querySelector("[data-world-setup-error]"); + const formData = new FormData(form); + const name = State.validateName(formData.get("name")); + const palette = State.validatePalette(formData.get("palette")); + const error = controller.root.querySelector("[data-world-setup-error]"); if (!name || !palette) { error.textContent = "Choose a palette and enter a name between 1 and 20 characters."; return; } controller.state = State.fresh(name, palette); - persist(); - setup.close(); - startGame(root); - }); - - root.querySelector("[data-world-preview-close]").addEventListener("click", () => preview.close()); - preview.addEventListener("close", () => { - controller.lock = false; - root.querySelector("#archive-world-game").focus(); - }); - - root.querySelector("[data-world-journal-open]").addEventListener("click", () => { - renderJournal(root); - controller.lock = true; - journal.showModal(); - }); - root.querySelector("[data-world-journal-close]").addEventListener("click", () => journal.close()); - journal.addEventListener("close", () => { - controller.lock = false; - root.querySelector("[data-world-journal-open]").focus(); - }); - - root.querySelector("[data-world-sound]").addEventListener("click", () => toggleSound(root)); - root.querySelector("[data-world-reset]").addEventListener("click", () => { - if (!window.confirm("Reset your traveler, discoveries, and saved position?")) return; - localStorage.removeItem(State.STORAGE_KEY); - window.location.reload(); - }); - - root.querySelectorAll("[data-world-move]").forEach((button) => { - const direction = button.dataset.worldMove; - const down = (event) => { - event.preventDefault(); - controller.move[direction] = true; - }; - const up = (event) => { - event.preventDefault(); - controller.move[direction] = false; - }; - button.addEventListener("pointerdown", down); - button.addEventListener("pointerup", up); - button.addEventListener("pointercancel", up); - button.addEventListener("pointerleave", up); - }); - root.querySelector("[data-world-interact]").addEventListener("click", () => { - if (controller.scene) controller.scene.interact(); - }); - - window.addEventListener("pagehide", savePosition); - document.addEventListener("visibilitychange", () => { - if (document.hidden) savePosition(); + persistState(controller.state); + dialog.close(); + renderHud(); + startGame(); }); } - function openSetup(root) { - const dialog = root.querySelector("[data-world-setup]"); + function openSetup(message) { + const dialog = controller.root.querySelector("[data-world-setup]"); + if (message) { + controller.root.querySelector("[data-world-setup-error]").textContent = message; + status(message); + } window.setTimeout(() => { dialog.showModal(); dialog.querySelector("input[name=name]").focus(); }, 0); } - function startGame(root) { - renderHud(root); - const game = new Phaser.Game({ - type: Phaser.AUTO, + function bindControls() { + controller.root.querySelectorAll("[data-world-move]").forEach((button) => { + const direction = button.dataset.worldMove; + const down = (event) => { + event.preventDefault(); + controller.move[direction] = true; + controller.root.dataset.touching = "true"; + }; + const up = (event) => { + event.preventDefault(); + controller.move[direction] = false; + controller.root.dataset.touching = "false"; + }; + button.addEventListener("pointerdown", down); + ["pointerup", "pointercancel", "pointerleave"].forEach((name) => button.addEventListener(name, up)); + }); + controller.root.querySelector("[data-world-interact]").addEventListener("click", () => { + if (controller.scene) controller.scene.interact(); + }); + controller.root.querySelector("[data-world-attack]").addEventListener("click", () => { + if (controller.scene) controller.scene.attack(controller.scene.time.now); + }); + controller.root.querySelector("[data-world-item]").addEventListener("click", useSelectedItem); + controller.root.querySelector("[data-world-menu]").addEventListener("click", openMenu); + controller.root.querySelector("[data-world-quests]").addEventListener("click", () => controller.ui.openMenu(controller.state, "quests")); + controller.root.querySelector("[data-world-inventory]").addEventListener("click", () => controller.ui.openMenu(controller.state, "inventory")); + controller.root.querySelector("[data-world-journal-open]").addEventListener("click", () => controller.ui.openMenu(controller.state, "journal")); + controller.root.querySelector("[data-world-sound]").addEventListener("click", toggleSound); + controller.root.querySelector("[data-world-fullscreen]").addEventListener("click", toggleFullscreen); + controller.root.querySelector("[data-world-reset]").addEventListener("click", () => controller.ui.openMenu(controller.state, "settings")); + + document.addEventListener("fullscreenchange", updateFullscreen); + document.addEventListener("visibilitychange", () => { + if (document.hidden && controller.scene) controller.scene.persistPosition(false); + }); + window.addEventListener("pagehide", () => { + if (controller.scene) controller.scene.persistPosition(false); + }); + if (!document.fullscreenEnabled) controller.root.querySelectorAll("[data-world-fullscreen]").forEach((button) => { button.hidden = true; }); + } + + function bindSettings() { + controller.root.addEventListener("change", (event) => { + if (!controller.state) return; + if (event.target.matches("[data-setting='assist']")) { + controller.state.settings.assist = event.target.checked; + setState(controller.state, event.target.checked ? "Assist mode enabled." : "Assist mode disabled."); + } else if (event.target.matches("[data-volume]")) { + controller.state.settings[event.target.dataset.volume] = Number(event.target.value); + setState(controller.state, null, true); + controller.audio.apply(); + } + }); + } + + function startGame() { + if (!window.Phaser) { + status("The world engine could not load. Every destination remains available in the plain directory."); + return; + } + const sceneClasses = Scenes.createSceneClasses(controller); + controller.game = new Phaser.Game({ + type: Phaser.CANVAS, parent: "archive-world-game", width: 960, height: 640, - backgroundColor: "#17251e", + backgroundColor: "#101b18", pixelArt: true, roundPixels: true, - physics: { - default: "arcade", - arcade: { debug: false } - }, - scale: { - mode: Phaser.Scale.FIT, - autoCenter: Phaser.Scale.CENTER_BOTH - }, - scene: ArchiveTownScene, - input: { - keyboard: true, - mouse: true, - touch: true - } + physics: { default: "arcade", arcade: { debug: false } }, + scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH }, + scene: sceneClasses, + input: { keyboard: true, mouse: true, touch: true }, + render: { antialias: false, pixelArt: true, roundPixels: true } }); - root.dataset.gameReady = "true"; - root.querySelector("#archive-world-game").focus(); - window.archiveWorldGame = game; + controller.root.dataset.gameReady = "true"; + controller.root.querySelector("#archive-world-game").focus(); + window.archiveWorldGame = controller.game; } - class ArchiveTownScene extends Phaser.Scene { - constructor() { - super("ArchiveTown"); - this.nearest = null; - this.lastStepAt = 0; - this.wasMoving = false; + function startQuest(id) { + setState(Systems.startQuest(controller.state, id), `${Data.QUESTS[id].title} added to the quest log.`); + controller.audio.play("quest"); + } + + function completeQuest(id) { + let next = Systems.completeQuest(controller.state, id); + if (id === "museum" && next.sigils.length >= 4) { + next.story.midpointSeen = true; + next = Systems.updateStory(next); + status("Midpoint revelation: the Redactor was built to preserve the archive, but learned to mistake emptiness for safety."); } + setState(next, `${Data.QUESTS[id].title} complete. The ${Data.LANDMARKS[Data.QUESTS[id].landmark].title} Sigil is restored.`); + controller.audio.play("quest"); + } - preload() { - this.load.image("archive-town", "/assets/images/play/archive-world/archive-town.webp"); - this.load.image("traveler", "/assets/images/play/archive-world/traveler.png"); - this.load.audio("ambient", "/assets/audio/archive-world/ambient.ogg"); - this.load.audio("step", "/assets/audio/archive-world/step.wav"); - this.load.audio("discover", "/assets/audio/archive-world/discover.wav"); - this.load.audio("portal", "/assets/audio/archive-world/portal.wav"); + function completeChoice(choice) { + let next = Systems.startQuest(controller.state, "lost_letter"); + next.npcFlags.nellChoice = choice; + next = Systems.completeQuest(next, "lost_letter"); + setState(next, "Nell remembers that choosing what to preserve is part of the story."); + controller.audio.play("dialogue"); + } + + function openLandmark(id) { + const wasNew = !controller.state.discovered.includes(id); + setState(Systems.discover(controller.state, id), wasNew ? `${Data.LANDMARKS[id].title} added to the discovery journal.` : null); + if (wasNew) controller.audio.play("quest", { volume: 0.7 }); + controller.ui.openLandmark(id, controller.state); + } + + function openNpc(id) { + controller.audio.play("dialogue", { volume: 0.45 }); + controller.ui.openNpc(id, controller.state); + } + + function openChallenge(id) { + if (controller.state.quests[id].status === "locked") controller.state = Systems.startQuest(controller.state, id); + controller.ui.openChallenge(id, controller.state); + } + + function openMenu() { + if (!controller.state || controller.ui.isOpen()) return; + controller.ui.openMenu(controller.state, "quests"); + } + + function travel(area) { + if (!Data.AREAS[area]) return; + const spawn = Data.AREAS[area].spawn; + controller.state = State.withPosition(controller.state, area, spawn.x, spawn.y, "north", "entrance"); + controller.state = State.withCheckpoint(controller.state, area, "entrance", spawn.x, spawn.y); + persistState(controller.state); + if (controller.scene) controller.scene.scene.restart({ area }); + } + + function useSelectedItem() { + useItem(controller.state.selectedItem); + } + + function useItem(id) { + const result = Systems.consumeItem(controller.state, id); + if (!result.used) { + status(controller.state.health >= controller.state.maxHealth ? "Health is already full." : "That item cannot be used now."); + return; } + setState(result.state, `${Data.ITEMS[id].name} restored ${result.amount} health.`); + controller.audio.play("item"); + } - create() { - controller.scene = this; - this.add.image(0, 0, "archive-town").setOrigin(0).setDepth(0); - this.physics.world.setBounds(0, 0, 1280, 960); + function cycleItem() { + const consumables = controller.state.inventory.filter((entry) => Data.ITEMS[entry.id].type === "consumable"); + if (!consumables.length) return status("No usable items are in the inventory."); + const index = consumables.findIndex((entry) => entry.id === controller.state.selectedItem); + controller.state.selectedItem = consumables[(index + 1) % consumables.length].id; + setState(controller.state, `${Data.ITEMS[controller.state.selectedItem].name} selected.`); + } - this.markers = {}; - Object.entries(LANDMARKS).forEach(([id, item]) => { - const marker = this.add.circle(item.x, item.y, 22, 0xf4d98a, 0.16) - .setStrokeStyle(3, 0xf8e6a7, 0.9) - .setDepth(2); - marker.setData("landmarkId", id); - this.markers[id] = marker; - if (!controller.reducedMotion) { - this.tweens.add({ - targets: marker, - scale: 1.18, - alpha: 0.58, - duration: 900, - yoyo: true, - repeat: -1, - delay: Object.keys(LANDMARKS).indexOf(id) * 90 - }); - } - }); + function respawn() { + const next = Systems.respawn(controller.state); + controller.state = next; + persistState(next); + travel(next.position.area); + status("The Living Bookmark returns you to a safe place. Story and items were preserved."); + } - this.player = this.physics.add.sprite( - controller.state.position.x, - controller.state.position.y, - "traveler" - ).setDepth(4).setTint(PALETTE_TINTS[controller.state.palette]); - this.player.setCollideWorldBounds(true); - this.player.body.setSize(28, 34).setOffset(8, 58); + function toggleSound() { + if (!controller.state) return; + controller.state.settings.soundEnabled = !controller.state.settings.soundEnabled; + if (controller.state.settings.soundEnabled) controller.audio.unlock(); + controller.audio.apply(); + setState(controller.state, controller.state.settings.soundEnabled ? "Archive World audio enabled." : "Audio muted."); + } - this.cameras.main.setBounds(0, 0, 1280, 960); - this.cameras.main.startFollow(this.player, true, controller.reducedMotion ? 1 : 0.12, controller.reducedMotion ? 1 : 0.12); - - this.cursors = this.input.keyboard.createCursorKeys(); - this.keys = this.input.keyboard.addKeys({ - up: Phaser.Input.Keyboard.KeyCodes.W, - down: Phaser.Input.Keyboard.KeyCodes.S, - left: Phaser.Input.Keyboard.KeyCodes.A, - right: Phaser.Input.Keyboard.KeyCodes.D, - interact: Phaser.Input.Keyboard.KeyCodes.E, - enter: Phaser.Input.Keyboard.KeyCodes.ENTER - }); - - this.ambient = this.sound.add("ambient", { loop: true, volume: 0.24 }); - this.stepSound = this.sound.add("step", { volume: 0.22 }); - this.discoverSound = this.sound.add("discover", { volume: 0.35 }); - this.portalSound = this.sound.add("portal", { volume: 0.3 }); - if (controller.state.soundEnabled) this.enableSound(); - - setStatus(document.querySelector(".archive-world"), `Welcome, ${controller.state.name}. Walk near a glowing landmark and press E, Space, or Enter.`); - this.updateNearest(); - } - - update(time) { - if (!this.player) return; - let dx = 0; - let dy = 0; - if (!controller.lock) { - if (this.cursors.left.isDown || this.keys.left.isDown || controller.move.left) dx -= 1; - if (this.cursors.right.isDown || this.keys.right.isDown || controller.move.right) dx += 1; - if (this.cursors.up.isDown || this.keys.up.isDown || controller.move.up) dy -= 1; - if (this.cursors.down.isDown || this.keys.down.isDown || controller.move.down) dy += 1; - } - - const moving = dx !== 0 || dy !== 0; - if (moving) { - const vector = new Phaser.Math.Vector2(dx, dy).normalize().scale(175); - this.player.setVelocity(vector.x, vector.y); - if (dx) this.player.setFlipX(dx < 0); - if (!controller.reducedMotion) { - this.player.rotation = Math.sin(time / 80) * 0.025; - this.player.setScale(1, 0.98 + Math.abs(Math.sin(time / 95)) * 0.04); - } - if (controller.state.soundEnabled && time - this.lastStepAt > 340) { - this.stepSound.play(); - this.lastStepAt = time; - } - if (time - controller.saveTimer > 700) { - controller.saveTimer = time; - savePosition(); - } - } else { - this.player.setVelocity(0, 0); - this.player.rotation = 0; - this.player.setScale(1); - } - this.wasMoving = moving; - this.updateNearest(); - - if (!controller.lock && ( - Phaser.Input.Keyboard.JustDown(this.keys.interact) || - Phaser.Input.Keyboard.JustDown(this.keys.enter) || - Phaser.Input.Keyboard.JustDown(this.cursors.space) - )) this.interact(); - } - - updateNearest() { - let nearest = null; - let distance = Infinity; - Object.entries(LANDMARKS).forEach(([id, item]) => { - const nextDistance = Phaser.Math.Distance.Between(this.player.x, this.player.y, item.x, item.y); - if (nextDistance < distance) { - nearest = id; - distance = nextDistance; - } - this.markers[id].setStrokeStyle(nextDistance < 95 ? 5 : 3, nextDistance < 95 ? 0xffffff : 0xf8e6a7, 0.95); - }); - const next = distance < 95 ? nearest : null; - if (next !== this.nearest) { - this.nearest = next; - const root = document.querySelector(".archive-world"); - setStatus(root, next - ? `${LANDMARKS[next].title} is nearby. Press E, Space, Enter, or Explore.` - : "Follow the stone paths toward a glowing landmark."); - } - } - - interact() { - if (controller.lock) return; - if (!this.nearest) { - setStatus(document.querySelector(".archive-world"), "Move closer to one of the glowing landmark circles."); - return; - } - openPreview(document.querySelector(".archive-world"), this.nearest); - } - - enableSound() { - if (this.sound.locked && this.sound.unlock) this.sound.unlock(); - this.sound.mute = false; - if (!this.ambient.isPlaying) this.ambient.play(); - } - - disableSound() { - this.sound.mute = true; - if (this.ambient.isPlaying) this.ambient.pause(); + async function toggleFullscreen() { + if (!document.fullscreenEnabled) return; + try { + if (document.fullscreenElement) await document.exitFullscreen(); + else await controller.root.querySelector("[data-world-shell]").requestFullscreen(); + } catch (_error) { + status("Fullscreen is unavailable in this browser."); } } - function openPreview(root, id) { - const item = LANDMARKS[id]; - if (!item) return; - const wasDiscovered = controller.state.discovered.includes(id); - controller.state = State.discover(controller.state, id); - persist(); + function updateFullscreen() { + const active = Boolean(document.fullscreenElement); + controller.root.querySelectorAll("[data-world-fullscreen]").forEach((button) => { + button.textContent = active ? "Exit fullscreen" : "Fullscreen"; + button.setAttribute("aria-pressed", String(active)); + }); + if (controller.game) controller.game.scale.refresh(); + if (!active) controller.root.querySelector("#archive-world-game").focus(); + } + + function resetAll() { + try { + localStorage.removeItem(State.STORAGE_KEY); + localStorage.removeItem(State.LEGACY_KEY); + } catch (_error) { + // Reload still provides a fresh in-memory state. + } + window.location.reload(); + } + + function setState(next, message, quiet) { + controller.state = State.normalize(next) || controller.state; + if (!quiet) renderHud(); + persistState(controller.state); + if (message) status(message); + } + + function persistState(state) { + try { + localStorage.setItem(State.STORAGE_KEY, JSON.stringify(State.normalize(state))); + } catch (_error) { + status("Progress could not be saved on this device."); + } + } + + function renderHud() { + if (!controller.state) return; + const state = controller.state; + text("[data-world-player]", state.name); + text("[data-world-level]", `Lv ${state.level}`); + text("[data-world-health-text]", `${Math.ceil(state.health)} / ${state.maxHealth}`); + controller.root.querySelector("[data-world-health-bar]").style.width = `${(state.health / state.maxHealth) * 100}%`; + text("[data-world-objective]", Systems.currentObjective(state)); + text("[data-world-discovery-count]", `${state.discovered.length} / 8`); + text("[data-world-sigil-count]", `${state.sigils.length} / 8`); + text("[data-world-sound]", state.settings.soundEnabled ? "Sound: on" : "Sound: muted"); + const selected = Data.ITEMS[state.selectedItem]; + text("[data-world-selected-item]", selected ? `${selected.name} ×${Systems.itemQuantity(state, state.selectedItem)}` : "None"); + controller.root.querySelector("[data-world-badge]").hidden = !state.complete; + controller.root.classList.toggle("is-restored", state.story.ending); + } + + function setPrompt(message) { + if (message === controller.prompt) return; + controller.prompt = message; + text("[data-world-prompt]", message || "Follow the paths, signs, and warm window light."); + } + + function status(message) { + text("[data-world-status]", message); + } + + function showBoss(name, health, maximum) { + const boss = controller.root.querySelector("[data-world-boss]"); + boss.hidden = false; + text("[data-world-boss-name]", name); + boss.querySelector("[data-world-boss-bar]").style.width = `${Math.max(0, health / maximum) * 100}%`; + } + + function hideBoss() { + controller.root.querySelector("[data-world-boss]").hidden = true; + } + + function openDefeat() { controller.lock = true; - - root.querySelector("[data-world-preview-eyebrow]").textContent = item.eyebrow; - root.querySelector("[data-world-preview-title]").textContent = item.title; - root.querySelector("[data-world-preview-description]").textContent = item.description; - const links = root.querySelector("[data-world-preview-links]"); - links.replaceChildren(); - item.links.forEach(([label, href]) => { - const anchor = document.createElement("a"); - anchor.href = href; - anchor.textContent = label; - anchor.addEventListener("click", () => { - if (controller.scene && controller.state.soundEnabled) controller.scene.portalSound.play(); - savePosition(); - }); - links.appendChild(anchor); - }); - - renderHud(root); - if (!wasDiscovered && controller.scene && controller.state.soundEnabled) controller.scene.discoverSound.play(); - root.querySelector("[data-world-preview]").showModal(); - setStatus(root, wasDiscovered - ? `${item.title} is already recorded in your journal.` - : `${item.title} was added to your discovery journal.`); + controller.ui.openDefeat(); } - function toggleSound(root) { - if (!controller.state || !controller.scene) return; - controller.state.soundEnabled = !controller.state.soundEnabled; - if (controller.state.soundEnabled) controller.scene.enableSound(); - else controller.scene.disableSound(); - persist(); - renderHud(root); - setStatus(root, controller.state.soundEnabled ? "Ambient sound is on." : "Sound is muted."); + function openEnding() { + controller.ui.openEnding(controller.state); } - function savePosition() { - if (!controller.state || !controller.scene || !controller.scene.player) return; - controller.state = State.withPosition(controller.state, controller.scene.player.x, controller.scene.player.y); - persist(); + function text(selector, value) { + const node = controller.root.querySelector(selector); + if (node) node.textContent = value; } - function persist() { - if (controller.state) localStorage.setItem(State.STORAGE_KEY, JSON.stringify(controller.state)); - } - - function renderHud(root) { - if (!controller.state) return; - root.querySelector("[data-world-player]").textContent = controller.state.name; - root.querySelector("[data-world-discovery-count]").textContent = `${controller.state.discovered.length} / ${State.LANDMARK_IDS.length}`; - root.querySelector("[data-world-sound]").textContent = controller.state.soundEnabled ? "Sound: on" : "Sound: muted"; - const badge = root.querySelector("[data-world-badge]"); - badge.hidden = !controller.state.complete; - renderJournal(root); - } - - function renderJournal(root) { - if (!controller.state) return; - const list = root.querySelector("[data-world-journal-list]"); - list.replaceChildren(); - State.LANDMARK_IDS.forEach((id) => { - const row = document.createElement("li"); - const found = controller.state.discovered.includes(id); - row.className = found ? "is-discovered" : ""; - row.textContent = `${found ? "Discovered" : "Unexplored"} — ${LANDMARKS[id].title}`; - list.appendChild(row); - }); - } - - function setStatus(root, message) { - const status = root && root.querySelector("[data-world-status]"); - if (status) status.textContent = message; - } + Object.assign(controller, { + setState, renderHud, status, setPrompt, showBoss, hideBoss, openDefeat, openEnding, + openLandmark, openNpc, openChallenge, openMenu, travel, useSelectedItem, cycleItem + }); }()); diff --git a/assets/scripts/vendor/phaser-4.1.0.min.js b/assets/scripts/vendor/phaser-4.1.0.min.js old mode 100644 new mode 100755 diff --git a/assets/styles/pages/play.css b/assets/styles/pages/play.css index f9c1a92..81824a6 100755 --- a/assets/styles/pages/play.css +++ b/assets/styles/pages/play.css @@ -447,13 +447,13 @@ .archive-world { --world-ink: #17251e; - --world-panel: #f3ead2; + --world-panel: #efe2c2; --world-paper: #fff9e9; --world-line: #8b6841; --world-brass: #d49a3a; --world-moss: #527657; --world-berry: #9d5268; - max-width: 1440px; + max-width: 1540px; } .archive-world__heading { @@ -461,6 +461,7 @@ } .archive-world__shell { + position: relative; overflow: hidden; border: 2px solid var(--world-line); border-radius: 12px; @@ -468,12 +469,26 @@ box-shadow: 0 22px 70px rgba(23, 37, 30, 0.28); } -.archive-world__toolbar { - display: flex; - flex-wrap: wrap; +.archive-world.is-restored .archive-world__shell { + box-shadow: 0 22px 80px rgba(215, 184, 94, 0.32), 0 0 0 3px rgba(239, 213, 137, 0.22); +} + +.archive-world__shell:fullscreen { + width: 100vw; + height: 100vh; + display: grid; + grid-template-rows: auto auto minmax(0, 1fr) auto auto auto auto; + border: 0; + border-radius: 0; + background: #101b18; +} + +.archive-world__hud { + display: grid; + grid-template-columns: 1.1fr 1.4fr 0.8fr 1.15fr auto; gap: 0.65rem; - align-items: center; - padding: 0.75rem; + align-items: stretch; + padding: 0.65rem; border-bottom: 2px solid #6e5738; background: linear-gradient(rgba(255, 255, 255, 0.04), transparent), @@ -481,12 +496,18 @@ color: #fff6dc; } -.archive-world__toolbar > div { +.archive-world__hud > div:not(.rpg-hud__actions) { display: grid; - min-width: 110px; + align-content: center; + min-width: 0; + padding: 0.45rem 0.6rem; + border: 1px solid rgba(229, 200, 135, 0.25); + border-radius: 6px; + background: rgba(9, 20, 15, 0.28); } -.archive-world__toolbar span { +.archive-world__hud span, +.rpg-objective span { color: #d8c9a6; font-size: 0.68rem; font-weight: 900; @@ -494,9 +515,49 @@ text-transform: uppercase; } -.archive-world__toolbar button, +.archive-world__hud strong { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.archive-world__hud small { + color: #b8d4bb; +} + +.rpg-hud__health span { + display: flex; + justify-content: space-between; + gap: 0.5rem; +} + +.rpg-meter { + height: 9px; + overflow: hidden; + border: 1px solid #d6b777; + border-radius: 999px; + background: #211c18; +} + +.rpg-meter i { + display: block; + height: 100%; + background: linear-gradient(90deg, #8dbb73, #d8db78); + transition: width 180ms ease; +} + +.rpg-hud__actions { + display: flex; + flex-wrap: wrap; + gap: 0.35rem; + align-content: center; + justify-content: flex-end; +} + +.archive-world__hud button, .archive-world__controls button, -.archive-world__dialog button { +.archive-world__dialog button, +.archive-world__panel button { border: 1px solid #d6b777; border-radius: 6px; background: #fff3d2; @@ -506,24 +567,40 @@ cursor: pointer; } -.archive-world__toolbar button { - margin-left: auto; - padding: 0.55rem 0.75rem; +.archive-world__hud button { + padding: 0.48rem 0.62rem; + font-size: 0.76rem; } -.archive-world__toolbar button + button { - margin-left: 0; -} - -.archive-world__toolbar button:hover, -.archive-world__toolbar button:focus-visible, +.archive-world__hud button:hover, +.archive-world__hud button:focus-visible, .archive-world__controls button:hover, .archive-world__controls button:focus-visible, .archive-world__dialog button:hover, -.archive-world__dialog button:focus-visible { +.archive-world__dialog button:focus-visible, +.archive-world__panel button:hover, +.archive-world__panel button:focus-visible, +.archive-world__panel a:focus-visible, +.archive-world__panel select:focus-visible, +.archive-world__panel input:focus-visible { border-color: #fff0b5; background: #fffaf0; box-shadow: 0 0 0 3px rgba(255, 236, 173, 0.24); + outline: none; +} + +.rpg-objective { + display: flex; + gap: 0.75rem; + align-items: baseline; + padding: 0.55rem 0.8rem; + border-bottom: 1px solid rgba(245, 228, 183, 0.16); + background: #24342b; + color: #fff4cf; +} + +.rpg-objective strong { + font-size: 0.88rem; } .archive-world__badge { @@ -537,6 +614,12 @@ font-weight: 900; } +.archive-world__stage { + position: relative; + min-height: 0; + background: #101b18; +} + .archive-world__game { position: relative; width: 100%; @@ -548,6 +631,13 @@ image-rendering: pixelated; } +.archive-world__shell:fullscreen .archive-world__stage, +.archive-world__shell:fullscreen .archive-world__game { + height: 100%; + max-height: none; + aspect-ratio: auto; +} + .archive-world__game:focus-visible { box-shadow: inset 0 0 0 4px #fff0a9; } @@ -572,6 +662,31 @@ display: none; } +.rpg-boss { + position: absolute; + z-index: 25; + top: 0.65rem; + left: 50%; + width: min(520px, 82%); + padding: 0.45rem 0.65rem; + border: 1px solid #f0bfd0; + border-radius: 7px; + background: rgba(21, 12, 20, 0.9); + color: #ffe9f0; + text-align: center; + transform: translateX(-50%); +} + +.rpg-meter--boss { + height: 11px; + margin-top: 0.25rem; + border-color: #df8ca8; +} + +.rpg-meter--boss i { + background: linear-gradient(90deg, #80324e, #d97691); +} + .archive-world__controls { display: flex; gap: 1rem; @@ -590,6 +705,12 @@ gap: 0.3rem; } +.archive-world__action-pad { + display: grid; + grid-template-columns: repeat(2, minmax(84px, 1fr)); + gap: 0.4rem; +} + .archive-world__dpad [data-world-move="up"] { grid-column: 2; } @@ -613,21 +734,29 @@ -webkit-user-select: none; } -.archive-world__interact { - min-width: 110px; - min-height: 64px !important; +.archive-world__action-pad [data-world-attack], +.archive-world__action-pad [data-world-interact] { + min-height: 54px; + background: #f5d98d; } .archive-world__status, -.archive-world__instructions { +.archive-world__instructions, +.archive-world__prompt { margin: 0; padding: 0.65rem 1rem; color: #f5e4b7; text-align: center; } +.archive-world__prompt { + padding-bottom: 0.15rem; + color: #fff0b7; + font-weight: 900; +} + .archive-world__status { - border-top: 1px solid rgba(245, 228, 183, 0.16); + padding-top: 0.2rem; font-weight: 800; } @@ -637,6 +766,283 @@ font-size: 0.85rem; } +.archive-world__overlay { + position: absolute; + z-index: 60; + inset: 0; + display: grid; + place-items: center; + padding: clamp(0.6rem, 2vw, 1.5rem); + background: rgba(9, 15, 12, 0.78); + backdrop-filter: blur(2px); +} + +.archive-world__overlay[hidden] { + display: none; +} + +.archive-world__panel { + width: min(720px, 100%); + max-height: 96%; + overflow: auto; + border: 3px double #9c7846; + border-radius: 6px; + background: + linear-gradient(rgba(255, 255, 255, 0.26), transparent 30%), + var(--world-panel); + color: #2a2118; + box-shadow: 0 20px 80px rgba(0, 0, 0, 0.58); +} + +.archive-world__panel > header { + position: sticky; + z-index: 2; + top: 0; + display: flex; + gap: 1rem; + justify-content: space-between; + align-items: start; + padding: 0.85rem 1rem; + border-bottom: 2px solid #a6834f; + background: #e8d5aa; +} + +.archive-world__panel h2, +.archive-world__panel h3, +.archive-world__dialog h2 { + font-family: Georgia, "Times New Roman", serif; +} + +.archive-world__panel h2 { + margin: 0.15rem 0 0; +} + +.archive-world__panel > header button { + min-width: 42px; + min-height: 42px; + padding: 0; + font-size: 1.4rem; +} + +.archive-world__panel-body { + padding: 1rem; +} + +.archive-world__panel blockquote { + margin: 0.9rem 0; + padding: 0.8rem; + border-left: 4px solid var(--world-moss); + background: rgba(255, 255, 255, 0.46); +} + +.rpg-panel__landmark-icon { + float: right; + margin: 0 0 0.5rem 0.8rem; + color: #8b6828; + font-size: 3rem; +} + +.rpg-panel__facts { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 0.55rem; +} + +.rpg-panel__facts div { + padding: 0.55rem; + border: 1px solid #c1a87d; + border-radius: 4px; + background: rgba(255, 255, 255, 0.34); +} + +.rpg-panel__facts dt { + color: #66563d; + font-size: 0.7rem; + font-weight: 900; + letter-spacing: 0.06em; + text-transform: uppercase; +} + +.rpg-panel__facts dd { + margin: 0.2rem 0 0; +} + +.rpg-panel__actions, +.rpg-panel__puzzle-buttons, +.rpg-menu-tabs { + display: flex; + flex-wrap: wrap; + gap: 0.55rem; + margin: 0.9rem 0; +} + +.archive-world__panel button { + min-height: 42px; + padding: 0.6rem 0.8rem; +} + +.rpg-panel__complete { + color: #2e6237; + font-weight: 900; +} + +.rpg-panel__destinations { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 0.5rem; + margin-top: 1rem; + padding-top: 0.8rem; + border-top: 1px solid #b99d70; +} + +.rpg-panel__destinations h3 { + grid-column: 1 / -1; + margin: 0; +} + +.rpg-panel__destinations a { + padding: 0.65rem; + border: 1px solid #a88654; + border-radius: 5px; + background: var(--world-paper); + color: #302516; + font-weight: 800; + text-decoration: none; +} + +.rpg-panel__hint, +.rpg-panel__note { + color: #6f614d; + font-size: 0.82rem; +} + +.rpg-panel__sequence { + min-height: 1.5em; + font-weight: 900; +} + +.archive-world__panel form, +.archive-world__panel label { + display: grid; + gap: 0.4rem; +} + +.archive-world__panel form { + gap: 0.75rem; +} + +.archive-world__panel select, +.archive-world__panel input[type="range"] { + width: 100%; +} + +.archive-world__panel select { + min-height: 42px; + border: 1px solid #9c7846; + border-radius: 4px; + padding: 0.45rem; + background: #fff9e9; + color: #2a2118; + font: inherit; +} + +.rpg-menu-tabs { + position: sticky; + top: 76px; + z-index: 1; + padding: 0.45rem; + background: #efe2c2; +} + +.rpg-menu-tabs [aria-current="page"] { + background: #385341; + color: #fff8e7; +} + +.rpg-menu-list { + display: grid; + gap: 0.55rem; + padding: 0; + list-style: none; +} + +.rpg-menu-list li { + display: grid; + gap: 0.18rem; + padding: 0.7rem; + border: 1px solid #b89b6c; + border-radius: 5px; + background: rgba(255, 255, 255, 0.38); +} + +.rpg-menu-list li.is-complete { + border-color: #6d966c; + background: #e1edd5; +} + +.rpg-menu-list small, +.rpg-menu-list span { + color: #665a46; +} + +.rpg-inventory li { + grid-template-columns: 48px minmax(0, 1fr) auto; + align-items: center; +} + +.rpg-item-icon { + display: block; + width: 44px; + height: 44px; + border: 1px solid #9b7948; + border-radius: 6px; + background-color: #e7d4aa; + background-image: url("/assets/images/play/archive-world/v2/item-atlas.png"); + background-repeat: no-repeat; + background-size: 176px 176px; + image-rendering: pixelated; +} + +.rpg-item-icon--0 { background-position: 0 0; } +.rpg-item-icon--1 { background-position: -44px 0; } +.rpg-item-icon--2 { background-position: -88px 0; } +.rpg-item-icon--3 { background-position: -132px 0; } +.rpg-item-icon--4 { background-position: 0 -44px; } +.rpg-item-icon--5 { background-position: -44px -44px; } +.rpg-item-icon--6 { background-position: -88px -44px; } +.rpg-item-icon--7 { background-position: -132px -44px; } +.rpg-item-icon--8 { background-position: 0 -88px; } +.rpg-item-icon--9 { background-position: -44px -88px; } +.rpg-item-icon--10 { background-position: -88px -88px; } +.rpg-item-icon--11 { background-position: -132px -88px; } +.rpg-item-icon--12 { background-position: 0 -132px; } + +.rpg-controls-list div { + display: grid; + grid-template-columns: minmax(90px, 0.35fr) 1fr; + gap: 0.6rem; + padding: 0.45rem 0; + border-bottom: 1px solid #c9b38e; +} + +.rpg-controls-list dt { + font-weight: 900; +} + +.rpg-controls-list dd { + margin: 0; +} + +.rpg-toggle { + grid-template-columns: auto 1fr !important; + align-items: center; +} + +.rpg-danger { + border-color: #a34e57 !important; + background: #f3c8c5 !important; +} + .archive-world__dialog { width: min(92vw, 620px); max-height: 86vh; @@ -658,7 +1064,6 @@ .archive-world__dialog h2 { margin-top: 0.25rem; - font-family: Georgia, "Times New Roman", serif; } .archive-world__dialog form, @@ -711,51 +1116,6 @@ font-weight: 800; } -.archive-world__preview-links { - display: grid; - grid-template-columns: repeat(2, minmax(0, 1fr)); - gap: 0.65rem; - margin: 1rem 0; -} - -.archive-world__preview-links a { - padding: 0.75rem; - border: 1px solid var(--world-line); - border-radius: 6px; - background: var(--world-paper); - color: #3a2b18; - font-weight: 800; - text-decoration: none; -} - -.archive-world__preview-links a:hover, -.archive-world__preview-links a:focus-visible { - background: #fff; - box-shadow: 0 0 0 3px rgba(82, 118, 87, 0.25); -} - -.archive-world__journal { - display: grid; - gap: 0.5rem; - padding: 0; - list-style: none; -} - -.archive-world__journal li { - padding: 0.65rem; - border: 1px dashed #aa977b; - border-radius: 5px; - color: #756956; -} - -.archive-world__journal li.is-discovered { - border-style: solid; - border-color: #638568; - background: #e5efdc; - color: #29452e; - font-weight: 800; -} - .archive-world__directory { margin-top: 1.5rem; border: 1px solid var(--border); @@ -769,6 +1129,12 @@ cursor: pointer; } +.archive-world__directory > p { + margin: 0; + padding: 0 1rem 0.8rem; + color: var(--muted); +} + .archive-world__directory-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); @@ -813,12 +1179,13 @@ min-height: 160px; } - .archive-world__toolbar > div { - min-width: 82px; + .archive-world__hud { + grid-template-columns: repeat(2, minmax(0, 1fr)); } - .archive-world__toolbar button { - margin-left: 0; + .rpg-hud__actions { + grid-column: 1 / -1; + justify-content: start; } .archive-world__game { @@ -827,11 +1194,16 @@ } .archive-world__dialog fieldset, - .archive-world__preview-links, + .rpg-panel__facts, + .rpg-panel__destinations, .archive-world__directory-grid { grid-template-columns: 1fr; } + .rpg-objective { + display: grid; + gap: 0.2rem; + } } @media (max-width: 480px) { @@ -841,10 +1213,43 @@ .archive-world__controls { justify-content: space-between; + gap: 0.4rem; + padding: 0.5rem; } .archive-world__dpad { - grid-template-columns: repeat(3, 42px); + grid-template-columns: repeat(3, 38px); + grid-template-rows: repeat(2, 40px); + } + + .archive-world__action-pad { + grid-template-columns: repeat(2, minmax(64px, 1fr)); + } + + .archive-world__controls button { + min-height: 40px; + padding: 0.4rem 0.5rem; + font-size: 0.8rem; + } + + .archive-world__panel { + max-height: 100%; + } + + .archive-world__panel-body { + padding: 0.75rem; + } + + .rpg-menu-tabs { + top: 70px; + } + + .rpg-inventory li { + grid-template-columns: 44px minmax(0, 1fr); + } + + .rpg-inventory li button { + grid-column: 1 / -1; } } @@ -857,4 +1262,8 @@ animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } + + .rpg-meter i { + transition: none; + } } diff --git a/blogs/2025/2025-list.org b/blogs/2025/2025-list.org new file mode 100644 index 0000000..361d98d --- /dev/null +++ b/blogs/2025/2025-list.org @@ -0,0 +1,22 @@ +#+TITLE: 2025 Writing +#+OPTIONS: num:nil toc:nil +#+NO_SIDENOTES: t +#+DATE: <2025-12-31 Wed> + +* 2025 archive + +- [[file:12-december/28-12-week-review.org][28 December — Week review]] +- [[file:12-december/21-12-week-review.org][21 December — Week review]] +- [[file:12-december/14-12-week-review.org][14 December — Week review]] +- [[file:12-december/07-12-week-review.org][7 December — Week review]] +- [[file:11-november/30-11-week-review.org][30 November — Week review]] +- [[file:11-november/23-11-week-review.org][23 November — Week review]] +- [[file:11-november/16-11-week-review.org][16 November — Week review]] +- [[file:11-november/09-11-week-review.org][9 November — Week review]] +- [[file:11-november/02-11-week-review.org][2 November — Week review]] +- [[file:08-august/zettelkasten.org][Zettelkasten]] +- [[file:08-august/benefits-of-reading.org][Benefits of reading]] +- [[file:08-august/spending-the-whole-day-on-this-website.org][Spending the whole day on this website]] +- [[file:08-august/wacom-with-arch.org][Wacom with Arch]] +- [[file:08-august/what-do-i-want-to-do-with-emacs.org][What do I want to do with Emacs?]] +- [[file:08-august/hilberts.hotel.org][Hilbert's Hotel]] diff --git a/build-logs/gitea-build-monitor.log b/build-logs/gitea-build-monitor.log index 7e5bd95..aded2a3 100755 --- a/build-logs/gitea-build-monitor.log +++ b/build-logs/gitea-build-monitor.log @@ -760,3 +760,9 @@ at09 / Role Playing World
Walk through the website as a living town. Every lit doorway opens another part of the archive.
+A complete story-forward RPG about names, memories, and the connections that give an archive meaning.