' +
- '
' +
+ '
' +
'
已获得
' +
'
' + (t.icon || '🌟') + '
' +
'
' + (QLABEL[t.quality] || '普通') + '
' +
@@ -7151,6 +7148,24 @@ if (typeof fitWorld === 'function') fitWorld();
g.gain.setValueAtTime(0.16, now);
g.gain.exponentialRampToValueAtTime(0.0001, now + 0.10);
n.connect(hp).connect(g).connect(ctx.destination); n.start(now); n.stop(now + 0.12);
+ } else if(type === 'vanish'){
+ // 未选中牌消散：低沉下滑“嗖”声
+ const o = ctx.createOscillator(), g = ctx.createGain();
+ o.type = 'sine'; o.frequency.setValueAtTime(420, now);
+ o.frequency.exponentialRampToValueAtTime(90, now + 0.35);
+ g.gain.setValueAtTime(0.0001, now);
+ g.gain.exponentialRampToValueAtTime(0.18, now + 0.04);
+ g.gain.exponentialRampToValueAtTime(0.0001, now + 0.38);
+ o.connect(g).connect(ctx.destination); o.start(now); o.stop(now + 0.4);
+ } else if(type === 'collect'){
+ // 已翻牌收进天赋：上行短“叮”声
+ const o = ctx.createOscillator(), g = ctx.createGain();
+ o.type = 'triangle'; o.frequency.setValueAtTime(880, now);
+ o.frequency.exponentialRampToValueAtTime(1318.5, now + 0.12);
+ g.gain.setValueAtTime(0.0001, now);
+ g.gain.exponentialRampToValueAtTime(0.2, now + 0.02);
+ g.gain.exponentialRampToValueAtTime(0.0001, now + 0.3);
+ o.connect(g).connect(ctx.destination); o.start(now); o.stop(now + 0.32);
}
}
function tdSpawnSparks(card){
@@ -7173,14 +7188,14 @@ if (typeof fitWorld === 'function') fitWorld();
return;
}
card.classList.add('flipped');
- playTalentSfx('whoosh'); // 翻牌起手音
+ playTalentSfx('deal'); // 翻牌起手音（蜘蛛纸牌纸张啪声）
tdFlipped++;
tdNames.push(t.name);
tdUpdateCount();
const res = await API.talentDrawActivate(t.code);
const front = card.querySelector('.td-front');
if(res && res.ok){
- card.classList.add('revealing'); // 触发光晕/扫光/星星特效
+ card.classList.add('revealing'); // 触发命运涟漪环/星星特效
tdSpawnSparks(card);
setTimeout(() => playTalentSfx('chime'), 480); // 翻到正面时响起获得音
card.classList.add('done');
@@ -7210,7 +7225,12 @@ if (typeof fitWorld === 'function') fitWorld();
const flipped = cards.filter(c => c.classList.contains('flipped'));
const unflipped = cards.filter(c => !c.classList.contains('flipped'));
const target = document.getElementById('talentBtn');
- const targetRect = target ? target.getBoundingClientRect() : null;
+ let targetRect = target ? target.getBoundingClientRect() : null;
+ if(!targetRect || targetRect.width === 0){ // 按钮隐藏时回退到顶栏右侧
+ const tb = document.getElementById('topBar');
+ const r = tb ? tb.getBoundingClientRect() : { right: window.innerWidth, top: 8 };
+ targetRect = { left: r.right - 56, top: (tb ? r.top : 8) + 6, width: 50, height: 34 };
+ }
let completed = 0;
const total = flipped.length + (unflipped.length ? 1 : 0);
@@ -7233,45 +7253,56 @@ if (typeof fitWorld === 'function') fitWorld();
const rect = card.getBoundingClientRect();
const clone = card.cloneNode(true);
clone.classList.add('td-fly-clone');
+ clone.classList.remove('dealt','revealing'); // 去掉发牌/揭晓动画类，否则其 animation 会覆盖飞行 transform
clone.style.left = rect.left + 'px';
clone.style.top = rect.top + 'px';
clone.style.width = rect.width + 'px';
clone.style.height = rect.height + 'px';
clone.style.opacity = '1';
+ clone.style.transform = 'translate3d(0,0,0) rotate(0deg)';
document.body.appendChild(clone);
+ void clone.offsetWidth; // 强制 reflow，保证起始 transform 已渲染
card.style.opacity = '0';
setTimeout(()=>{
+ playTalentSfx('deal');
if(targetRect){
const tx = targetRect.left + targetRect.width/2 - (rect.left + rect.width/2);
const ty = targetRect.top + targetRect.height/2 - (rect.top + rect.height/2);
- const scale = Math.max(0.18, Math.min(0.32, targetRect.width / rect.width));
- clone.style.transform = 'translate3d(' + tx + 'px,' + ty + 'px,0) scale(' + scale + ')';
+ const scale = Math.max(0.16, Math.min(0.28, targetRect.width / rect.width));
+ const rot = -360 - (i % 2 === 0 ? 180 : 0); // 每张牌朝按钮方向旋转飞入
+ clone.style.transform = 'translate3d(' + tx + 'px,' + ty + 'px,0) scale(' + scale + ') rotate(' + rot + 'deg)';
+ // 到达时给天赋按钮一个脉冲反馈
+ setTimeout(()=>{
+ const btn = document.getElementById('talentBtn');
+ if(btn){ btn.classList.remove('talent-pulse'); void btn.offsetWidth; btn.classList.add('talent-pulse'); }
+ }, 980);
}
clone.style.opacity = '0';
- }, 60 + i*90);
- setTimeout(()=>{ clone.remove(); checkDone(); }, 820);
+ }, 80 + i*120);
+ setTimeout(()=>{ clone.remove(); checkDone(); }, 1150);
});
- // 未翻开的牌：延迟碎裂
+ // 未翻开的牌：延迟光尘消散 + 消散音效
if(unflipped.length){
setTimeout(()=>{
- unflipped.forEach(card => { createShatter(card); card.style.opacity = '0'; });
- setTimeout(checkDone, 720);
+ playTalentSfx('vanish');
+ unflipped.forEach(card => { createDissolve(card); card.style.opacity = '0'; });
+ setTimeout(checkDone, 820);
}, flipped.length ? 520 : 0);
}
}
- function createShatter(card){
- const N = 10;
+ function createDissolve(card){
+ const N = 14;
for(let i=0;i