From a05225b5143d8efe6351378e44ed2aa8ed9972d8 Mon Sep 17 00:00:00 2001
From: congsh <2452821485@qq.com>
Date: Wed, 13 May 2026 04:29:30 +0000
Subject: [PATCH] feat: rewrite renderer with 6 stats, shop panel, artifact
display
---
index.html | 548 +++++++++++++++++++++++++++++++++++++++++++++
src/ui/renderer.js | 434 +++++++++++++++++++++++++++++++++++
2 files changed, 982 insertions(+)
create mode 100644 index.html
create mode 100644 src/ui/renderer.js
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..1c1080e
--- /dev/null
+++ b/index.html
@@ -0,0 +1,548 @@
+
+
+
+
+
+ 轮回录
+
+
+
+
+
轮回录
+
+
+
+
第 1 世
+
第 0 年 0 天
+
0 岁
+
0 两
+
+ 危机感:
+ 0
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
前世记忆
+
+ 暂无记忆
+
+
元经验加成
+
+ 尚无积累
+
+
+
+
${c.name}
+
Lv.${level}
+
+
+${income}两/天
+
+ ${name}
+ Lv.${level}
+
+ `;
+ }).join('');
+}
+
+export function renderShop(state, shopConfig) {
+ if (!els.shopPanel) return;
+
+ const shopData = shopConfig || {};
+ let items = [];
+
+ if (shopActiveTab === 'items') {
+ items = (shopData.items || []).map(item => ({
+ ...item,
+ section: 'item',
+ displayCost: item.cost,
+ }));
+ } else if (shopActiveTab === 'buffs') {
+ items = (shopData.buffs || []).map(buff => ({
+ ...buff,
+ section: 'buff',
+ displayCost: buff.cost,
+ }));
+ } else if (shopActiveTab === 'artifacts') {
+ items = (shopData.artifacts || []).map(artifact => {
+ const currentLevel = state.artifacts?.[artifact.id] || 0;
+ const cost = artifact.baseCost != null && artifact.costGrowth != null
+ ? Math.floor(artifact.baseCost * Math.pow(artifact.costGrowth, currentLevel))
+ : null;
+ return {
+ ...artifact,
+ section: 'artifact',
+ displayCost: cost,
+ currentLevel,
+ };
+ });
+ }
+
+ if (items.length === 0) {
+ els.shopPanel.innerHTML = '暂无商品';
+ return;
+ }
+
+ els.shopPanel.innerHTML = `${items.map(item => {
+ const isLocked = isShopItemLocked(item, state);
+ const desc = buildEffectDesc(item.effects);
+ const costText = item.displayCost != null ? `${item.displayCost} 两` : '已 max';
+ const levelText = item.section === 'artifact' && item.currentLevel != null
+ ? ` (当前 Lv.${item.currentLevel})`
+ : '';
+
+ return `
+
+
${item.name}${levelText}
+
${costText}
+
${desc || '无描述'}
+
+ `;
+ }).join('')}
[0年0天]等待开始...
';
+ return;
+ }
+
+ els.logStream.innerHTML = recentLogs.map(log => {
+ const typeClass = log.type === 'death' ? 'log-death' :
+ log.type === 'major' ? 'log-major' :
+ log.type === 'ability' ? 'log-ability' :
+ log.type === 'promote' ? 'log-promote' :
+ log.type === 'crisis' ? 'log-crisis' :
+ log.type === 'impact' ? 'log-impact' : 'log-normal';
+ const year = log.year != null ? log.year : 0;
+ const day = log.day != null ? log.day % 365 : 0;
+ return `
+ [${year}年${day}天]
+ ${log.text || ''}
+
`;
+ }).join('');
+
+ els.logStream.scrollTop = 0;
+}
+
+export function renderEventPanel(state) {
+ const ev = state.currentEvent;
+ if (!ev) {
+ if (els.eventTitle) els.eventTitle.textContent = '';
+ if (els.eventText) els.eventText.textContent = '';
+ if (els.eventTimer) els.eventTimer.textContent = '';
+ if (els.eventChoices) els.eventChoices.innerHTML = '';
+ return;
+ }
+
+ if (els.eventTitle) els.eventTitle.textContent = ev.title || '';
+ if (els.eventText) els.eventText.textContent = ev.text || '';
+
+ if (els.eventChoices) {
+ if (ev.isChoice && Array.isArray(ev.choices)) {
+ els.eventChoices.innerHTML = ev.choices.map((choice, idx) => {
+ const disabled = choice.requirement && !choice.requirement(state);
+ return ``;
+ }).join('');
+ } else {
+ els.eventChoices.innerHTML = '';
+ }
+ }
+}
+
+export function showDeathScreen(state, careerConfig) {
+ if (!els.deathScreen || !els.deathContent) return;
+
+ const reason = state.deathReason || '未知原因';
+ const age = state.age || 0;
+ const day = state.day || 0;
+
+ // Career achievements
+ const careers = state.careers || {};
+ const configCareers = careerConfig?.careers || [];
+ const careerAchievements = Object.entries(careers)
+ .map(([id, c]) => {
+ const cfg = configCareers.find(cc => cc.id === id);
+ return cfg ? `${cfg.name} Lv.${c.level || 0}` : null;
+ })
+ .filter(Boolean);
+
+ els.deathContent.innerHTML = `
+
+
身死道消
+
死因：${reason}
+
享年：${age} 岁 ${day % 365} 天
+
职业成就
+
${careerAchievements.length > 0 ? careerAchievements.join('
') : '碌碌无为'}
+