('.lang-pill')
pills.forEach(pill => {
pill.addEventListener('click', () => {
const lang = pill.dataset.lang as TooltipLocale | undefined
if (!lang) return
setTooltipLocale(lang)
pills.forEach(p => p.classList.toggle('active', p === pill))
renderLootShowcase(latestDroppedItems)
})
})
}
function bindKeyboardShortcuts(): void {
window.addEventListener('keydown', (e: KeyboardEvent) => {
// Don't trigger if typing in an input
if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) {
return
}
if (e.code === 'Space' || e.code === 'Enter') {
e.preventDefault()
executeBossKill(1)
}
})
}
// Boss Kill Execution
export function executeBossKill(times: number = 1): void {
if (!dropTables) {
alert('掉落数据表仍在加载中，请稍候...')
return
}
const effectiveTc = isQuestKill ? currentBoss.questTc[currentDifficulty] : currentBoss.tc[currentDifficulty]
const nLevel = currentBoss.mlvl[currentDifficulty]
const batchItems: Item[] = []
const startTime = performance.now()
for (let i = 0; i < times; i++) {
const drops = executeDropPipeline({
tcName: effectiveTc,
nLevel,
monsterType: currentBoss.monsterType ?? 4,
dropTables,
difficulty: currentDifficulty,
playerMf: currentMf,
gamePlayers: currentPlayers,
partyPlayers: 1,
})
totalKills += 1
totalItemsDropped += drops.length
for (const item of drops) {
const q = (item.rarity || 'normal').toLowerCase()
if (q === 'unique') totalUniques++
else if (q === 'set') totalSets++
else if (q === 'rare') totalRares++
else if (q === 'magic') totalMagics++
else if (item.code?.trim().startsWith('r')) totalRunes++
batchItems.push(item)
}
sessionHistory.push({
killIndex: totalKills,
timestamp: Date.now(),
boss: currentBoss,
difficulty: currentDifficulty,
isQuest: isQuestKill,
players: currentPlayers,
mf: currentMf,
items: drops,
})
}
const durationMs = (performance.now() - startTime).toFixed(1)
// Trigger Animation
flashKillEffect()
// Update Stats & UI
updateStatsDisplay()
renderKillBanner(times, batchItems.length, durationMs)
renderLootShowcase(batchItems)
}
function flashKillEffect(): void {
const showcase = document.getElementById('loot-showcase-panel')
if (showcase) {
showcase.classList.remove('kill-flash')
void showcase.offsetWidth // force reflow
showcase.classList.add('kill-flash')
}
}
function updateStatsDisplay(): void {
const killsEl = document.getElementById('stat-total-kills')
const itemsEl = document.getElementById('stat-total-items')
const uniqEl = document.getElementById('stat-uniques')
const setEl = document.getElementById('stat-sets')
const rareEl = document.getElementById('stat-rares')
const magicEl = document.getElementById('stat-magics')
const runeEl = document.getElementById('stat-runes')
if (killsEl) killsEl.textContent = totalKills.toLocaleString()
if (itemsEl) itemsEl.textContent = totalItemsDropped.toLocaleString()
if (uniqEl) uniqEl.textContent = totalUniques.toLocaleString()
if (setEl) setEl.textContent = totalSets.toLocaleString()
if (rareEl) rareEl.textContent = totalRares.toLocaleString()
if (magicEl) magicEl.textContent = totalMagics.toLocaleString()
if (runeEl) runeEl.textContent = totalRunes.toLocaleString()
}
function renderKillBanner(times: number, dropCount: number, durationMs: string): void {
const banner = document.getElementById('kill-result-banner')
if (!banner) return
const diffNames = { normal: '普通', nightmare: '噩梦', hell: '地狱' }
const bossText = `${diffNames[currentDifficulty]}难度 · ${currentBoss.nameCn}`
const questText = isQuestKill ? '🌟 任务首杀' : '常规击杀'
banner.innerHTML = `
💥
${times > 1 ? `连续击杀 ${times} 次完成！` : `${bossText} 倒下了！`}
获得 ${dropCount} 件掉落战利品 (${questText}, 用时 ${durationMs}ms)
`
}
function renderLootShowcase(items: Item[]): void {
latestDroppedItems = items
const container = document.getElementById('loot-items-grid')
if (!container) return
const locale = getTooltipLocale()
if (items.length === 0) {
const isZh = locale === 'zh' || locale === 'bilingual'
container.innerHTML = `
⚔️
${isZh ? '尚未击杀首领' : 'No Boss Slain Yet'}
${isZh ? '点击左侧「模拟击杀 Boss」或按下 [空格键] 体验 1.13c 真实掉落与词缀属性生成' : 'Click "Kill Boss" on the left sidebar or press [Space] to simulate authentic 1.13c drops & affixes.'}
`
return
}
// Render Item Cards
container.innerHTML = items.map((item, idx) => {
const tooltip = formatItemTooltip(item, locale)
return renderSingleItemCard(tooltip, idx + 1, locale)
}).join('')
}
function renderSingleItemCard(t: FormattedItemTooltip, index: number, locale: TooltipLocale = getTooltipLocale()): string {
const linesHtml = t.lines.map(l => {
const color = l.color || 'blue'
const colorClass = color === 'instruction' ? 'line-white line-instruction' : `line-${color}`
return `${escapeHtml(l.text)}
`
}).join('')
const isZh = locale === 'zh' || locale === 'bilingual'
const lblDefense = isZh ? '防御: ' : 'Defense: '
const lblOneHand = isZh ? '单手伤害: ' : 'One-Hand Damage: '
const lblTwoHand = isZh ? '双手伤害: ' : 'Two-Hand Damage: '
const lblDurability = isZh ? '耐久度: ' : 'Durability: '
const lblReqLevel = isZh ? '需要等级: ' : 'Required Level: '
const lblReqStr = isZh ? '需要力量: ' : 'Required Strength: '
const lblReqDex = isZh ? '需要敏捷: ' : 'Required Dexterity: '
const wordOf = isZh ? ' / ' : ' of '
const wordTo = isZh ? ' 至 ' : ' to '
const baseStatsHtml: string[] = []
if (t.defense !== undefined) {
const defText =
t.baseDefense !== undefined && t.baseDefense !== t.defense
? `${t.defense} (${t.baseDefense})`
: `${t.defense}`
baseStatsHtml.push(`${lblDefense}${defText}
`)
}
if (t.oneHandDamage) {
const d = t.oneHandDamage
const dmgText =
d.isEnhanced && d.baseMin !== undefined && d.baseMax !== undefined
? `${d.min}${wordTo}${d.max} (${d.baseMin}${wordTo}${d.baseMax})`
: `${d.min}${wordTo}${d.max}`
baseStatsHtml.push(`${lblOneHand}${dmgText}
`)
}
if (t.twoHandDamage) {
const d = t.twoHandDamage
const dmgText =
d.isEnhanced && d.baseMin !== undefined && d.baseMax !== undefined
? `${d.min}${wordTo}${d.max} (${d.baseMin}${wordTo}${d.baseMax})`
: `${d.min}${wordTo}${d.max}`
baseStatsHtml.push(`${lblTwoHand}${dmgText}
`)
}
if (t.durability) {
const dur = t.durability
const durText =
dur.isEnhanced && dur.baseMax !== undefined
? `${dur.current}${wordOf}${dur.max} (${dur.baseMax})`
: `${dur.current}${wordOf}${dur.max}`
baseStatsHtml.push(`${lblDurability}${durText}
`)
}
if (t.reqLevel !== undefined && !t.isSocketable) {
const lvlText =
t.baseReqLevel !== undefined && t.baseReqLevel !== t.reqLevel
? `${t.reqLevel} (${t.baseReqLevel})`
: `${t.reqLevel}`
baseStatsHtml.push(`${lblReqLevel}${lvlText}
`)
}
if (t.reqStr !== undefined) {
const strText =
t.baseReqStr !== undefined && t.baseReqStr !== t.reqStr
? `${t.reqStr} (${t.baseReqStr})`
: `${t.reqStr}`
baseStatsHtml.push(`${lblReqStr}${strText}
`)
}
if (t.reqDex !== undefined) {
const dexText =
t.baseReqDex !== undefined && t.baseReqDex !== t.reqDex
? `${t.reqDex} (${t.baseReqDex})`
: `${t.reqDex}`
baseStatsHtml.push(`${lblReqDex}${dexText}
`)
}
const qLower = t.quality.toLowerCase()
const qualityClass = t.isSocketable
? (t.qualityColor === '#ff8c00' ? 'quality-rune' : 'quality-gem')
: `quality-${qLower}`
return `
${baseStatsHtml.length > 0 ? `
${baseStatsHtml.join('')}
` : ''}
${t.lines.length > 0 ? `
${linesHtml}
` : ''}