@@ -212,8 +212,8 @@ export async function renderBattle(root) {
${!canPlay ? `` : ''}
`;
- }).join('')
- }
+ }).join('')
+ }
@@ -238,147 +238,148 @@ export async function renderBattle(root) {
`;
- app.querySelectorAll("[data-play]").forEach(btn => {
- btn.addEventListener("mouseenter", () => {
- if (btn.classList.contains('playable')) {
- playSound('swipe.mp3');
- root.selectedCardIndex = null;
- updateCardSelection(root);
- }
- });
+ app.querySelectorAll("[data-play]").forEach(btn => {
+ btn.addEventListener("mouseenter", () => {
+ if (btn.classList.contains('playable')) {
+ playSound('swipe.mp3');
+ root.selectedCardIndex = null;
+ updateCardSelection(root);
+ }
+ });
- btn.addEventListener("click", () => {
- const index = parseInt(btn.dataset.play, 10);
- const card = p.hand[index];
- if (p.energy >= card.cost) {
- root.play(index);
- // Clear selection when card is played via mouse
- root.selectedCardIndex = null;
- updateCardSelection(root);
- }
+ btn.addEventListener("click", () => {
+ const index = parseInt(btn.dataset.play, 10);
+ const card = p.hand[index];
+ if (p.energy >= card.cost) {
+ playSound('played-card.mp3')
+ root.play(index);
+ // Clear selection when card is played via mouse
+ root.selectedCardIndex = null;
+ updateCardSelection(root);
+ }
+ });
});
- });
- const endTurnBtn = app.querySelector("[data-action='end']");
- if (endTurnBtn) {
+ const endTurnBtn = app.querySelector("[data-action='end']");
+ if (endTurnBtn) {
- endTurnBtn.addEventListener("click", () => {
+ endTurnBtn.addEventListener("click", () => {
- try {
- root.end();
- } catch (error) {
- console.error("Error ending turn:", error);
- }
- });
- }
-
- // Initialize card selection state if not exists
- if (!root.selectedCardIndex) {
- root.selectedCardIndex = null;
- }
-
- window.onkeydown = (e) => {
- if (e.key.toLowerCase() === "e") {
- try {
- root.end();
- } catch (error) {
- console.error("Error ending turn via keyboard:", error);
- }
+ try {
+ root.end();
+ } catch (error) {
+ console.error("Error ending turn:", error);
+ }
+ });
}
- const n = parseInt(e.key, 10);
- if (n >= 1 && n <= p.hand.length) {
- const cardIndex = n - 1;
- const card = p.hand[cardIndex];
-
- if (root.selectedCardIndex === cardIndex) {
- // Second press of same key - play the card
- if (p.energy >= card.cost) {
- root.play(cardIndex);
- root.selectedCardIndex = null; // Clear selection
- updateCardSelection(root);
- }
- } else {
- // First press or different key - select the card
- root.selectedCardIndex = cardIndex;
- updateCardSelection(root);
- playSound('swipe.mp3'); // Play swipe sound on keyboard selection
- }
+ // Initialize card selection state if not exists
+ if (!root.selectedCardIndex) {
+ root.selectedCardIndex = null;
}
- };
- // Auto-scroll fight log to bottom
- const logContent = document.getElementById('fight-log-content');
- if (logContent) {
- logContent.scrollTop = logContent.scrollHeight;
- }
+ window.onkeydown = (e) => {
+ if (e.key.toLowerCase() === "e") {
+ try {
+ root.end();
+ } catch (error) {
+ console.error("Error ending turn via keyboard:", error);
+ }
+ }
+
+ const n = parseInt(e.key, 10);
+ if (n >= 1 && n <= p.hand.length) {
+ const cardIndex = n - 1;
+ const card = p.hand[cardIndex];
+
+ if (root.selectedCardIndex === cardIndex) {
+ // Second press of same key - play the card
+ if (p.energy >= card.cost) {
+ root.play(cardIndex);
+ root.selectedCardIndex = null; // Clear selection
+ updateCardSelection(root);
+ }
+ } else {
+ // First press or different key - select the card
+ root.selectedCardIndex = cardIndex;
+ updateCardSelection(root);
+ playSound('swipe.mp3'); // Play swipe sound on keyboard selection
+ }
+ }
+ };
+
+ // Auto-scroll fight log to bottom
+ const logContent = document.getElementById('fight-log-content');
+ if (logContent) {
+ logContent.scrollTop = logContent.scrollHeight;
+ }
- // Apply initial card selection visual state
- updateCardSelection(root);
+ // Apply initial card selection visual state
+ updateCardSelection(root);
}
export async function renderMap(root) {
- const { CARDS } = await import("../data/cards.js");
- const { ENEMIES } = await import("../data/enemies.js");
- const { RELICS } = await import("../data/relics.js");
- const m = root.map;
- const currentId = root.nodeId;
-
- const currentNode = m.nodes.find(n => n.id === currentId);
- const nextIds = currentNode ? currentNode.next : [];
-
- const getNodeEmoji = (kind) => {
- const emojis = {
- start: '
',
- battle: '
',
- elite: '
',
- boss: '
',
- rest: '
',
- shop: '
',
- event: '
'
+ const { CARDS } = await import("../data/cards.js");
+ const { ENEMIES } = await import("../data/enemies.js");
+ const { RELICS } = await import("../data/relics.js");
+ const m = root.map;
+ const currentId = root.nodeId;
+
+ const currentNode = m.nodes.find(n => n.id === currentId);
+ const nextIds = currentNode ? currentNode.next : [];
+
+ const getNodeEmoji = (kind) => {
+ const emojis = {
+ start: '',
+ battle: '',
+ elite: '',
+ boss: '',
+ rest: '',
+ shop: '',
+ event: ''
+ };
+ return emojis[kind] || '❓';
};
- return emojis[kind] || '❓';
- };
-
- const getNodeDescription = (node) => {
- switch (node.kind) {
- case 'start':
- return 'Starting Point\nBegin your journey up ThePrimeagen Spire';
- case 'battle':
- const enemy = ENEMIES[node.enemy];
- return `Battle\nFight: ${enemy?.name || 'Unknown Enemy'}\nHP: ${enemy?.maxHp || '?'}`;
- case 'elite':
- const elite = ENEMIES[node.enemy];
- return `Elite Battle\nFight: ${elite?.name || 'Unknown Elite'}\nHP: ${elite?.maxHp || '?'}\nTough enemy with better rewards`;
- case 'boss':
- const boss = ENEMIES[node.enemy];
- return `Boss Battle\nFight: ${boss?.name || 'Unknown Boss'}\nHP: ${boss?.maxHp || '?'}\nFinal challenge of the act`;
- case 'rest':
- return 'Rest Site\nHeal up to 30% max HP\nor upgrade a card';
- case 'shop':
- return 'Shop\nSpend your hard-earned gold';
- case 'event':
- return 'Random Event\nBirthday-themed encounter\nUnknown outcome\nPotential rewards or challenges';
- default:
- return 'Unknown\nMysterious node';
- }
- };
- const getNodeTooltipData = (node) => {
- const description = getNodeDescription(node);
- let avatarPath = null;
+ const getNodeDescription = (node) => {
+ switch (node.kind) {
+ case 'start':
+ return 'Starting Point\nBegin your journey up ThePrimeagen Spire';
+ case 'battle':
+ const enemy = ENEMIES[node.enemy];
+ return `Battle\nFight: ${enemy?.name || 'Unknown Enemy'}\nHP: ${enemy?.maxHp || '?'}`;
+ case 'elite':
+ const elite = ENEMIES[node.enemy];
+ return `Elite Battle\nFight: ${elite?.name || 'Unknown Elite'}\nHP: ${elite?.maxHp || '?'}\nTough enemy with better rewards`;
+ case 'boss':
+ const boss = ENEMIES[node.enemy];
+ return `Boss Battle\nFight: ${boss?.name || 'Unknown Boss'}\nHP: ${boss?.maxHp || '?'}\nFinal challenge of the act`;
+ case 'rest':
+ return 'Rest Site\nHeal up to 30% max HP\nor upgrade a card';
+ case 'shop':
+ return 'Shop\nSpend your hard-earned gold';
+ case 'event':
+ return 'Random Event\nBirthday-themed encounter\nUnknown outcome\nPotential rewards or challenges';
+ default:
+ return 'Unknown\nMysterious node';
+ }
+ };
- if (['battle', 'elite', 'boss'].includes(node.kind) && node.enemy) {
- const enemy = ENEMIES[node.enemy];
- if (enemy?.avatar) {
- avatarPath = enemy.avatar;
- }
- }
+ const getNodeTooltipData = (node) => {
+ const description = getNodeDescription(node);
+ let avatarPath = null;
- return { description, avatarPath };
- };
+ if (['battle', 'elite', 'boss'].includes(node.kind) && node.enemy) {
+ const enemy = ENEMIES[node.enemy];
+ if (enemy?.avatar) {
+ avatarPath = enemy.avatar;
+ }
+ }
- root.app.innerHTML = `
+ return { description, avatarPath };
+ };
+
+ root.app.innerHTML = `
@@ -514,52 +515,52 @@ May this birthday bring joy in each moment you’ve got.
${(() => {
- // Use positions directly from map data
+ // Use positions directly from map data
- return m.nodes.map(n => {
- const isNext = nextIds.includes(n.id);
- const isCurrent = n.id === currentId;
- const isCompleted = root.completedNodes.includes(n.id);
- const locked = (!isNext && !isCurrent && !isCompleted);
+ return m.nodes.map(n => {
+ const isNext = nextIds.includes(n.id);
+ const isCurrent = n.id === currentId;
+ const isCompleted = root.completedNodes.includes(n.id);
+ const locked = (!isNext && !isCurrent && !isCompleted);
- const pos = { x: n.x, y: n.y };
- if (!pos.x || !pos.y) return '';
+ const pos = { x: n.x, y: n.y };
+ if (!pos.x || !pos.y) return '';
- const leftPercent = (pos.x / 1000) * 100;
- const topPercent = (pos.y / 800) * 100;
- const tooltipData = getNodeTooltipData(n);
+ const leftPercent = (pos.x / 1000) * 100;
+ const topPercent = (pos.y / 800) * 100;
+ const tooltipData = getNodeTooltipData(n);
- return `
+ return `
${isCurrent ? '
`;
- }).join('');
- })()}
+ }).join('');
+ })()}
★
' : ''}
${Object.entries(
- root.player.deck.reduce((acc, cardId) => {
- acc[cardId] = (acc[cardId] || 0) + 1;
- return acc;
- }, {})
- ).map(([cardId, count], index) => {
- const card = CARDS[cardId];
- if (!card) return '';
+ root.player.deck.reduce((acc, cardId) => {
+ acc[cardId] = (acc[cardId] || 0) + 1;
+ return acc;
+ }, {})
+ ).map(([cardId, count], index) => {
+ const card = CARDS[cardId];
+ if (!card) return '';
- const cardType = card.type === 'attack' ? 'attack' : card.type === 'skill' ? 'skill' : 'power';
+ const cardType = card.type === 'attack' ? 'attack' : card.type === 'skill' ? 'skill' : 'power';
- return `
+ return `
`;
- }).join('')}
+ }).join('')}
@@ -612,7 +613,7 @@ May this birthday bring joy in each moment you’ve got.