64 lines
2.2 KiB
JavaScript
64 lines
2.2 KiB
JavaScript
|
const loader = document.getElementById("loading-overlay");
|
||
|
|
const landingUI = document.getElementById("landing-ui");
|
||
|
|
const loadingMsg = document.getElementById("loading-message");
|
||
|
|
|
||
|
|
// --- 2. Accessibility Helper ---
|
||
|
|
function announce(message) {
|
||
|
|
const announcer = document.getElementById("a11y-announcer");
|
||
|
|
announcer.textContent = message;
|
||
|
|
}
|
||
|
|
|
||
|
|
// --- 3. New Descent Logic (Using Dynamic Import) ---
|
||
|
|
// We attach listener inside the module script because module scope is local
|
||
|
|
document.getElementById("btn-start").addEventListener("click", startNewDescent);
|
||
|
|
|
||
|
|
async function startNewDescent() {
|
||
|
|
landingUI.classList.add("hidden");
|
||
|
|
loader.classList.remove("hidden");
|
||
|
|
|
||
|
|
// B. Accessibility Updates
|
||
|
|
announce("Starting new game. Entering the Team Builder.");
|
||
|
|
loadingMsg.textContent = "LOADING TEAM BUILDER COMPONENT...";
|
||
|
|
|
||
|
|
// C. Lazy Load logic (Components registered via import above)
|
||
|
|
try {
|
||
|
|
initiateTeamBuilder();
|
||
|
|
} catch (error) {
|
||
|
|
console.error("Failed to load team builder:", error);
|
||
|
|
loadingMsg.textContent = "ERROR LOADING TEAM BUILDER. PLEASE REFRESH.";
|
||
|
|
announce("Error loading team builder. Please refresh.");
|
||
|
|
}
|
||
|
|
// try {
|
||
|
|
// // Simulate loading time
|
||
|
|
// setTimeout(() => {
|
||
|
|
// loadingMsg.textContent = "GENERATING VOXEL GRID...";
|
||
|
|
// initializeGameWorld();
|
||
|
|
// }, 1000);
|
||
|
|
// } catch (error) {
|
||
|
|
// console.error("Failed to load game:", error);
|
||
|
|
// loadingMsg.textContent = "ERROR LOADING ENGINE. PLEASE REFRESH.";
|
||
|
|
// announce("Error loading game engine. Please refresh.");
|
||
|
|
// }
|
||
|
|
}
|
||
|
|
|
||
|
|
async function initiateTeamBuilder() {
|
||
|
|
await import("./ui/team-builder.js");
|
||
|
|
const teamBuilder = document.querySelector("team-builder");
|
||
|
|
document.startViewTransition(() => {
|
||
|
|
teamBuilder.classList.remove("hidden");
|
||
|
|
loader.classList.add("hidden");
|
||
|
|
});
|
||
|
|
announce("Team Builder loaded. Ready to build your team.");
|
||
|
|
}
|
||
|
|
|
||
|
|
// --- 4. Game Initialization ---
|
||
|
|
async function initializeGameWorld() {
|
||
|
|
const gameViewport = document.querySelector("game-viewport");
|
||
|
|
await import("./ui/game-viewport.js");
|
||
|
|
|
||
|
|
// D. Transition to Game
|
||
|
|
loader.classList.add("hidden");
|
||
|
|
gameViewport.classList.remove("hidden");
|
||
|
|
announce("Game loaded. Tactical grid active.");
|
||
|
|
}
|