-
+ result = null} />
자동 계산 종합력{overallPower.toLocaleString('ko-KR')}
-
+
@@ -684,6 +897,45 @@
모든 노트를 PERFECT로 처리한다고 가정하고 액티브 발동 확률만 반영합니다. 100%는 정확 계산, 99%·95% 이상은 25,000회 반복 계산값이며 최고점에 영향을 주지 않는 발동 실패는 100% 달성 확률을 낮추지 않습니다.
+
+
+
+ {#if connectionOptimizationProgress}
+ 연결 카드 최적화
활성 노드는 유지하며, 파란색 영역은 액티브 발동률을 먼저 최대화한 뒤 예상 점수를 비교합니다.
+ {#if connectionOptimizationSnapshot}{/if}
+
+
+
+
+ {/if}
+ {#if connectionOptimizationError}{connectionOptimizationProgress.stage}{#if connectionOptimizationProgress.total > 0}{connectionOptimizationProgress.completed.toLocaleString('ko-KR')} / {connectionOptimizationProgress.total.toLocaleString('ko-KR')}{/if}
+ {#if connectionOptimizationProgress.total > 0}{/if}
+ {connectionOptimizationError}
{/if} + {#if connectionOptimizationProposal} +
+
+ {/if}
+
+ 예상 점수 {connectionOptimizationProposal.beforeExpected.toLocaleString('ko-KR')} → {connectionOptimizationProposal.afterExpected.toLocaleString('ko-KR')}{connectionOptimizationProposal.afterExpected >= connectionOptimizationProposal.beforeExpected ? '+' : ''}{(connectionOptimizationProposal.afterExpected - connectionOptimizationProposal.beforeExpected).toLocaleString('ko-KR')}
+ 이론상 고점 {connectionOptimizationProposal.beforeMaximum.toLocaleString('ko-KR')} → {connectionOptimizationProposal.afterMaximum.toLocaleString('ko-KR')}{connectionOptimizationProposal.afterMaximum >= connectionOptimizationProposal.beforeMaximum ? '+' : ''}{(connectionOptimizationProposal.afterMaximum - connectionOptimizationProposal.beforeMaximum).toLocaleString('ko-KR')}
+ 액티브 발동률 UP 합계 {connectionOptimizationProposal.beforeActivationRateUp.toLocaleString('ko-KR', { maximumFractionDigits: 2 })}% → {connectionOptimizationProposal.afterActivationRateUp.toLocaleString('ko-KR', { maximumFractionDigits: 2 })}%{connectionOptimizationProposal.afterActivationRateUp >= connectionOptimizationProposal.beforeActivationRateUp ? '+' : ''}{(connectionOptimizationProposal.afterActivationRateUp - connectionOptimizationProposal.beforeActivationRateUp).toLocaleString('ko-KR', { maximumFractionDigits: 2 })}%p
+
+ {#if connectionOptimizationProposal.assignments.length > 0}
+
+ {#each connectionOptimizationProposal.assignments as assignment (`${assignment.memberId}:${assignment.socketId}`)}
+ {@const member = boardMembers.find((item) => item.id === assignment.memberId)}
+ {@const previousCard = assignment.previousCardId ? allCardById.get(assignment.previousCardId) : null}
+ {@const card = assignment.cardId ? allCardById.get(assignment.cardId) : null}
+ {member?.name ?? assignment.memberId} · {connectionSocketName(assignment.memberId, assignment.socketId)}{previousCard ? cardLabel(previousCard) : '비어 있음'} → {card ? cardLabel(card) : '배치 해제'}
+ {/each}
+
+
+ {:else}
+ 현재 연결 카드 배치가 이미 최적입니다.
+ {/if} +스킬 발동과 노트 분포
멤버별 액티브와 실제 적용 구간, 스페셜 순서를 같은 시간축에서 비교합니다.
01
{ownedCardsOnly ? '보유 5성 대상' : '5성 전체 대상'}탐색 조건
-
+ result = null} />
-
+
@@ -1199,8 +1202,9 @@
label { display: grid; gap: 7px; color: #8f98a8; font-size: 14px; font-weight: 750; }
select, .number-input { width: 100%; min-width: 0; height: 42px; padding: 0 12px; border: 1px solid #343c49; border-radius: 9px; color: #e8ebf1; background: #11151b; font: inherit; }
select:focus, .number-input:focus, .generation-input:focus { border-color: #d86f9c; outline: 3px solid rgb(216 111 156 / 14%); }
- .song-fields { display: grid; grid-template-columns: minmax(0, 2fr) clamp(110px, 11vw, 170px) minmax(220px, .8fr); align-items: end; gap: 12px; margin-top: 22px; }
- .chart-meta { display: flex; align-items: center; gap: 8px; height: 42px; }
+ .song-fields { display: grid; grid-template-columns: minmax(0, 4fr) clamp(110px, 11vw, 170px) minmax(220px, .8fr); align-items: start; gap: 12px; margin-top: 22px; }
+ .song-picker-field { min-width: 0; }
+ .chart-meta { display: flex; align-items: center; gap: 8px; height: 42px; margin-top: 25px; }
.chart-meta span { padding: 7px 9px; border-radius: 7px; color: #adb5c2; background: #202631; font-size: 13px; white-space: nowrap; }
.candidate-fields { display: grid; grid-template-columns: clamp(130px, 12vw, 180px) clamp(260px, 24vw, 380px); gap: 9px; margin-top: 18px; }
.candidate-awakening { display: grid; gap: 7px; color: #8f98a8; font-size: 14px; font-weight: 750; }
@@ -1305,7 +1309,7 @@
main { width: calc(100% - 24px); padding-top: var(--page-content-top); }
.panel { padding: 17px; }
.song-fields { grid-template-columns: 1fr 100px; }
- .chart-meta { grid-column: 1 / -1; height: auto; }
+ .chart-meta { grid-column: 1 / -1; height: auto; margin-top: 0; }
.candidate-fields { grid-template-columns: 1fr; }
.fixed-column-headings { display: none; }
.fixed-field { grid-template-columns: minmax(0, 1fr) 102px; }
diff --git a/src/routes/data/+page.svelte b/src/routes/data/+page.svelte
index a1d4ec0..db8ff96 100644
--- a/src/routes/data/+page.svelte
+++ b/src/routes/data/+page.svelte
@@ -58,6 +58,8 @@
type AutomaticPlacementResult = {
memberId: string;
memberName: string;
+ socketId: string;
+ socketName: string;
cardId: string;
cardName: string;
rarity: number;
@@ -155,7 +157,8 @@
: [];
$: efficiencyFormationReady = efficiencyFormation.cardIds.length === 5
&& efficiencyFormation.cardIds.every((id) => cardById.has(id))
- && new Set(efficiencyFormation.cardIds.map((id) => cardById.get(id)?.characterId)).size === 5;
+ && new Set(efficiencyFormation.cardIds.map((id) => cardById.get(id)?.characterId)).size === 5
+ && efficiencyFormation.cardIds.some((id) => cardById.get(id)?.characterId === efficiencyFormation.leaderCharacterId);
$: dataView = $page.url.pathname.endsWith('/cards') ? 'cards' : $page.url.pathname.endsWith('/boards') ? 'boards' : 'home';
onMount(() => {
try {
@@ -241,11 +244,12 @@
function importAnalysisFormation() {
if (!savedAnalysis) return;
+ const analysis = savedAnalysis;
saveEfficiencyFormation({
- cardIds: [...savedAnalysis.cardIds],
- awakenings: savedAnalysis.awakenings.map(normalizeEfficiencyAwakening),
- leaderCharacterId: savedAnalysis.leaderCharacterId,
- leaderOutfitCardId: savedAnalysis.leaderOutfitCardId,
+ cardIds: [...analysis.cardIds],
+ awakenings: analysis.awakenings.map(normalizeEfficiencyAwakening),
+ leaderCharacterId: analysis.leaderCharacterId,
+ leaderOutfitCardId: analysis.leaderOutfitCardId,
coreCubeFreeOnly: efficiencyFormation.coreCubeFreeOnly
});
}
@@ -570,7 +574,7 @@
}, { points: 0, greenCubes: 0, greenCoreCubes: 0 });
}
- function currentFormationPower(memberBoards: Record): number {
+ function currentFormationPower(memberBoards: Record, boardCards: BoardCardPlacements = userData.boardCards): number {
if (!efficiencyFormationReady) return 0;
const members = efficiencyFormation.cardIds.map((id, index) => ({
card: cardById.get(id)!,
@@ -584,7 +588,7 @@
connect: card.details.connect
}));
const boardEffects = calculateBoardEffects(boardSummary, memberBoards, sourceCards, efficiencyFormation.leaderCharacterId, null, {
- placements: userData.boardCards,
+ placements: boardCards,
cards: connections
});
const leaderOutfit = cardById.get(efficiencyFormation.leaderOutfitCardId)?.details.costume ?? null;
@@ -626,15 +630,6 @@
|| right.cost.greenCubes - left.cost.greenCubes;
}
- function upgradeBeatsRemoval(upgrade: GreenNodeEfficiency, removal: GreenNodeEfficiency): boolean {
- const cubeDifference = upgrade.greenCubeEfficiency - removal.greenCubeEfficiency;
- if (Math.abs(cubeDifference) > 1e-9) return cubeDifference > 0;
- if (upgrade.cost.greenCoreCubes === 0 && removal.cost.greenCoreCubes > 0) return true;
- if (upgrade.cost.greenCoreCubes > 0 && removal.cost.greenCoreCubes === 0) return false;
- if (upgrade.cost.greenCoreCubes === 0 && removal.cost.greenCoreCubes === 0) return false;
- return upgrade.greenCoreCubeEfficiency > removal.greenCoreCubeEfficiency;
- }
-
async function analyzeGreenNodeEfficiency() {
if (!efficiencyFormationReady) {
greenEfficiencyError = '서로 다른 멤버의 5성 카드 5장을 모두 선택해 주세요.';
@@ -702,11 +697,9 @@
}
const sortedRemovals = removals.sort(compareRemovalEfficiency);
- const removalThreshold = sortedRemovals[0];
greenEfficiencyResult = {
basePower,
- upgrades: upgrades.sort(compareUpgradeEfficiency)
- .filter((upgrade) => !removalThreshold || upgradeBeatsRemoval(upgrade, removalThreshold)),
+ upgrades: upgrades.sort(compareUpgradeEfficiency),
removals: sortedRemovals
};
} catch (error) {
@@ -818,45 +811,37 @@
if (!socket || userData.boardCards[member.id]?.[socket.groupId]) return [];
return [{ member, socket }];
});
-
if (candidateCards.length === 0) {
showMessage('자동 배치에 사용할 수 있는 미배치 보유 카드가 없습니다.', true);
return;
}
if (emptyGreenSlots.length === 0) {
- showMessage('비어 있는 초록색 카드 슬롯이 없습니다. 기존 배치는 변경하지 않았습니다.');
+ showMessage('비어 있는 중앙 연결 노드가 없습니다. 기존 배치는 변경하지 않았습니다.');
return;
}
-
- const weights = candidateCards.map((card) => emptyGreenSlots.map(({ member, socket }) => greenSlotScore(member, socket, card)));
- const matches = maximumWeightMatching(weights);
+ const matches = maximumWeightMatching(candidateCards.map((card) =>
+ emptyGreenSlots.map(({ member, socket }) => greenSlotScore(member, socket, card))
+ ));
if (matches.length === 0) {
- showMessage('활성화된 초록 노드에 효과를 주는 배치 조합을 찾지 못했습니다.', true);
+ showMessage('활성화된 초록 노드에 효과를 주는 중앙 배치를 찾지 못했습니다.', true);
return;
}
-
automaticPlacementSnapshot = cloneBoardCards(userData.boardCards);
const boardCards = cloneBoardCards(userData.boardCards);
- const placementResult: AutomaticPlacementResult[] = [];
- for (const match of matches) {
+ automaticPlacementResult = matches.map((match) => {
const card = candidateCards[match.rowIndex];
- const slot = emptyGreenSlots[match.columnIndex];
- if (!card || !slot) continue;
- boardCards[slot.member.id] = { ...(boardCards[slot.member.id] ?? {}), [slot.socket.groupId]: card.id };
- placementResult.push({
- memberId: slot.member.id,
- memberName: slot.member.name,
- cardId: card.id,
- cardName: cardLabel(card),
- rarity: card.rarity
- });
- }
- automaticPlacementResult = placementResult.sort((left, right) =>
+ const { member, socket } = emptyGreenSlots[match.columnIndex];
+ boardCards[member.id] = { ...(boardCards[member.id] ?? {}), [socket.groupId]: card.id };
+ return {
+ memberId: member.id, memberName: member.name, socketId: socket.groupId, socketName: '중앙',
+ cardId: card.id, cardName: cardLabel(card), rarity: card.rarity
+ };
+ }).sort((left, right) =>
(boardMembers.find((member) => member.id === left.memberId)?.order ?? Number.MAX_SAFE_INTEGER)
- (boardMembers.find((member) => member.id === right.memberId)?.order ?? Number.MAX_SAFE_INTEGER)
);
persist({ ...userData, boardCards });
- showMessage(`기존 배치를 유지하고 초록색 빈 슬롯 ${matches.length}곳에 보유 카드를 최적 배치했습니다.`);
+ showMessage(`기존 배치를 유지하고 중앙 연결 노드 ${matches.length}곳에 보유 카드를 자동 배치했습니다.`);
}
function undoAutomaticPlacement() {
@@ -865,7 +850,7 @@
automaticPlacementSnapshot = null;
automaticPlacementResult = [];
persist({ ...userData, boardCards });
- showMessage('방금 실행한 초록색 카드 자동 배치를 취소했습니다.');
+ showMessage('방금 실행한 중앙 연결 노드 자동 배치를 취소했습니다.');
}
function cardLabel(card: CardSummary): string {
@@ -875,7 +860,7 @@
function placedCardName(cardId: string | undefined): string {
if (!cardId) return '연결 노드';
const card = connectCardById.get(cardId);
- return card ? cardLabel(card) : cardId;
+ return card ? `${card.rarity}★ ${cardLabel(card)}` : cardId;
}
function connectionBoostsForMember(
@@ -917,6 +902,7 @@
function assignBoardCard(cardId: string) {
if (!selectedSocketGroupId) return;
automaticPlacementSnapshot = null;
+ automaticPlacementResult = [];
const boardCards = Object.fromEntries(Object.entries(userData.boardCards).map(([memberId, placements]) => [memberId, { ...placements }]));
for (const [memberId, placements] of Object.entries(boardCards)) {
for (const [socketId, placedCardId] of Object.entries(placements)) {
@@ -932,6 +918,7 @@
function removeBoardCard() {
if (!selectedSocketGroupId) return;
automaticPlacementSnapshot = null;
+ automaticPlacementResult = [];
const placements = { ...(userData.boardCards[selectedMemberId] ?? {}) };
delete placements[selectedSocketGroupId];
const boardCards = { ...userData.boardCards };
@@ -1168,7 +1155,7 @@
간편 설정
- 모든 멤버의 기본 초록 노드를 활성화하거나, 보유 카드를 중앙 연결 노드의 빈 슬롯에 자동 배치합니다.
+ 모든 멤버의 기본 초록 노드를 활성화하거나, 기존 배치를 유지한 채 중앙 연결 노드의 빈 슬롯에 보유 카드를 자동 배치합니다.
@@ -1271,7 +1258,7 @@
-
+
{#if greenEfficiencyResult.upgrades.length > 0}
우선 활성화
초기화 검토 1순위보다 효율이 높은 노드만 표시
우선 활성화
초기화 효율보다 낮은 후보도 포함해 효율순으로 최대 20개 표시
@@ -1367,7 +1354,7 @@
class:efficiency-focus={position.groupId === efficiencyFocusGroupId}
style={`left: ${point.x}px; top: ${point.y}px; width: ${size}px; height: ${size}px;`}
title={`${boardNodeLabel(node.type)} · ${boardEffectDescription(node.effect, selectedBoardMember.name) || placedCardName(selectedBoardCardPlacements[position.groupId])}${selectedConnectionBoosts[position.groupId] ? ` · ${active ? '연결 효과 적용' : '연결 범위'} +${selectedConnectionBoosts[position.groupId].percent}%` : ''}`}
- aria-label={`${boardNodeLabel(node.type)} ${node.grade}등급 노드, ${active ? '활성화됨' : '비활성화됨'}${selectedConnectionBoosts[position.groupId] ? `, 연결 ${active ? '효과 적용 중' : '범위에 포함'}` : ''}`}
+ aria-label={`${boardNodeLabel(node.type)} ${node.grade}등급 노드, ${active ? '활성화됨' : '비활성화됨'}${node.type === 'connection' && selectedBoardCardPlacements[position.groupId] ? `, 배치 카드 ${placedCardName(selectedBoardCardPlacements[position.groupId])}` : ''}${selectedConnectionBoosts[position.groupId] ? `, 연결 ${active ? '효과 적용 중' : '범위에 포함'}` : ''}`}
aria-pressed={active}
on:click={() => handleBoardNodeClick(position.groupId, node)}
>
@@ -1380,7 +1367,12 @@
{#if boardEffectIcon(node)})
{/if}
{#if node.type === 'connection' && selectedBoardCardPlacements[position.groupId]}
{@const placedCard = connectCardById.get(selectedBoardCardPlacements[position.groupId])}
- {#if placedCard}{/if}
+ {#if placedCard}
+
+ {/if}
{/if}