tarinai/js/main.js

"use strict";
let last = nowSec();
let statsTimer = 0;
let fpsTimer = 0;
let fpsFrames = 0;
let perfResizeTimer = 0;
let lastPerfLevel = 0;
let lastPerfMaxDpr = 0;
window.__tarinaiFps = 0;

const LOADING_SPRITES = [
  "assets/sprites/tarinai_01_smile.webp",
  "assets/sprites/tarinai_02_angry.webp",
  "assets/sprites/tarinai_03_teary.webp",
  "assets/sprites/tarinai_04_jito.webp",
  "assets/sprites/tarinai_05_drool.webp",
  "assets/sprites/tarinai_06_cry.webp",
  "assets/sprites/tarinai_07_sleep.webp",
  "assets/sprites/tarinai_08_pokan.webp",
  "assets/sprites/tarinai_11_weak.webp",
  "assets/sprites/tarinai_21_normal_happy.webp",
  "assets/sprites/tarinai_29_hungry_70.webp",
];
let loadingSpriteTimer = 0;

function shuffledLoadingSprites() {
  const list = [...LOADING_SPRITES];
  for (let i = list.length - 1; i > 0; i--) {
    const j = Math.floor(Math.random() * (i + 1));
    [list[i], list[j]] = [list[j], list[i]];
  }
  return list.slice(0, 4);
}

function renderLoadingSprites() {
  const strip = document.getElementById("loadingSpriteStrip");
  if (!strip) return;
  strip.innerHTML = "";
  const frag = document.createDocumentFragment();
  for (const src of shuffledLoadingSprites()) {
    const card = document.createElement("div");
    card.className = "loading-sprite-card";
    const img = document.createElement("img");
    img.src = src;
    img.alt = "";
    img.loading = "eager";
    card.appendChild(img);
    frag.appendChild(card);
  }
  strip.appendChild(frag);
}

function initLoadingShowcase() {
  renderLoadingSprites();
  if (loadingSpriteTimer) clearInterval(loadingSpriteTimer);
  loadingSpriteTimer = window.setInterval(renderLoadingSprites, 1200);
}


function setLoadingProgress(text = "", ratio = 0) {
  const screen = document.getElementById("loadingScreen");
  if (!screen) return;
  const pct = clamp(Number(ratio) || 0, 0, 1);
  const label = document.getElementById("loadingText");
  const bar = document.getElementById("loadingBar");
  const percent = document.getElementById("loadingPercent");
  if (label && text) label.textContent = text;
  if (bar) bar.style.width = `${Math.round(pct * 100)}%`;
  if (percent) percent.textContent = `${Math.round(pct * 100)}%`;
}

function hideLoadingScreen() {
  if (loadingSpriteTimer) { clearInterval(loadingSpriteTimer); loadingSpriteTimer = 0; }
  setLoadingProgress("\u8d77\u52d5\u5b8c\u4e86", 1);
  const screen = document.getElementById("loadingScreen");
  if (!screen) return;
  window.setTimeout(() => screen.classList.add("hidden"), 120);
}
function loop() {
  const t = nowSec();
  const rawDt = t - last;
  const dt = clamp(rawDt, 0, 0.05);
  last = t;
  fpsTimer += rawDt;
  fpsFrames += 1;
  if (fpsTimer >= 0.5) {
    window.__tarinaiFps = Math.round(fpsFrames / Math.max(fpsTimer, 0.001));
    window.TarinaiPerformance?.updateFps?.(window.__tarinaiFps, world);
    fpsTimer = 0;
    fpsFrames = 0;
  }
  world.update(dt);
  render();
  statsTimer += dt;
  const quality = world.performanceQuality?.() || {};
  const perf = Number(quality.level ?? (world.performanceLevel ? world.performanceLevel() : 0)) || 0;
  perfResizeTimer += rawDt;
  if (perfResizeTimer > 1.5) {
    const maxDpr = Number(quality.maxDpr || 0) || 0;
    if (perf !== lastPerfLevel || Math.abs(maxDpr - lastPerfMaxDpr) > 0.08) {
      lastPerfLevel = perf;
      lastPerfMaxDpr = maxDpr;
      resizeCanvas();
    }
    perfResizeTimer = 0;
  }
  const statsInterval = world.performanceQuality?.().statsInterval ?? (perf >= 3 ? 1.20 : perf === 2 ? 0.92 : perf === 1 ? 0.68 : 0.48);
  if (statsTimer > statsInterval) {
    renderStats();
    statsTimer = 0;
  }
  requestAnimationFrame(loop);
}

initLoadingShowcase();
setLoadingProgress("\u521d\u671f\u753b\u50cf\u3092\u8aad\u307f\u8fbc\u307f\u4e2d", 0.08);
loadImages(null, (done, total) => {
  const p = total > 0 ? done / total : 1;
  setLoadingProgress(`\u521d\u671f\u753b\u50cf\u3092\u8aad\u307f\u8fbc\u307f\u4e2d ${done}/${total}`, 0.08 + p * 0.46);
}).then(() => {
  setLoadingProgress("UI\u3092\u6e96\u5099\u4e2d", 0.62);
  bindUI();
  setLoadingProgress("\u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u69cb\u7bc9\u4e2d", 0.72);
  applyFieldLayout("garden");
  world.reset(null, "garden");
  selectTool("observe");
  setLoadingProgress("\u8868\u793a\u3092\u521d\u671f\u5316\u4e2d", 0.84);
  renderLog(world.logs);
  renderArchive();
  render();
  renderStats();
  syncTopButtons();
  if (typeof startBackgroundImageLoading === "function") startBackgroundImageLoading();
  setLoadingProgress("\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3\u3092\u958b\u59cb\u4e2d", 0.94);
  loop();
  requestAnimationFrame(hideLoadingScreen);
});

if ("serviceWorker" in navigator) {
  window.addEventListener("load", () => {
    const swUrl = window.TARINAI_APP?.withVersion?.("./service-worker.js") || "./service-worker.js?v=15.20.16";
    navigator.serviceWorker.register(swUrl, { updateViaCache: "none" }).catch(() => undefined);
  });
}