function MainComponent({ characters, formation, gamePhase, teamHP, bossHP, selectedAttacker, selectedDefender, battleLog, turnCount, attackOptions, defenseOptions, onGenerateCharacter, onDeleteCharacter, onStartFormation, onPlaceInFormation, onStartBattle, onSelectAttacker, onSelectDefender, onExecuteTurn }) { const CharacterCard = ({ character, onClick, role, onDelete })=>/*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-4 cursor-pointer", onClick: onClick, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-lg mb-2", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, character.name), role && /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500 mb-2", __source: { fileName: "", lineNumber: 5, columnNumber: 16 }, __self: this }, role), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, "攻撃力: ", character.attack), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, "魔力: ", character.magic), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, "防御力: ", character.defense), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, "精神力: ", character.spirit), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, "速さ: ", character.speed), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, "運: ", character.luck), onDelete && /*#__PURE__*/ React.createElement("button", { onClick: (e)=>{ e.stopPropagation(); onDelete(character.id); }, className: "mt-2 bg-red-500 text-white px-2 py-1 rounded", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "削除")); return /*#__PURE__*/ React.createElement("div", { className: "p-4 max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-6 text-center", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, "ゴッドアルカディア"), gamePhase === 'generation' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: onGenerateCharacter, className: "bg-blue-500 text-white px-4 py-2 rounded mb-4", disabled: characters.length >= 6, __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "新しいキャラクターを生成"), /*#__PURE__*/ React.createElement("button", { onClick: onStartFormation, className: "bg-green-500 text-white px-4 py-2 rounded mb-4 ml-4", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "陣形配置へ"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, characters.map((character)=>/*#__PURE__*/ React.createElement(CharacterCard, { key: character.id, character: character, onDelete: onDeleteCharacter, __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this })))), gamePhase === 'formation' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "陣形を組む"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-4 mb-4", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, formation.map((char, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-gray-100 p-2 min-h-[100px]", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }, char ? /*#__PURE__*/ React.createElement(CharacterCard, { character: char, role: char.position, __source: { fileName: "", lineNumber: 51, columnNumber: 19 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-full", __source: { fileName: "", lineNumber: 53, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 54, columnNumber: 21 }, __self: this }, "空き"))))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "配置可能なキャラクター"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, characters.map((char)=>/*#__PURE__*/ React.createElement(CharacterCard, { key: char.id, character: char, onClick: ()=>onPlaceInFormation(char), __source: { fileName: "", lineNumber: 64, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("button", { onClick: onStartBattle, className: "bg-red-500 text-white px-4 py-2 rounded mt-4", disabled: !formation.every(Boolean), __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, "バトル開始")), (gamePhase === 'battle' || gamePhase === 'end') && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, "カオスデストロイヤーとの戦闘"), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-4 mb-4", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-lg", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, "カオスデストロイヤー"), /*#__PURE__*/ React.createElement("div", { className: "mb-2", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold", __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this }, "HP"), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded", __source: { fileName: "", lineNumber: 85, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-red-500 rounded h-4", style: { width: `${bossHP / 1000 * 100}%` }, __source: { fileName: "", lineNumber: 86, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }, bossHP, " / 1000"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, "チームHP"), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded", __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-green-500 rounded h-4", style: { width: `${teamHP / 1000 * 100}%` }, __source: { fileName: "", lineNumber: 94, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }, teamHP, " / 1000")), gamePhase === 'battle' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 100, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold", __source: { fileName: "", lineNumber: 101, columnNumber: 17 }, __self: this }, "攻撃キャラクター選択"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 102, columnNumber: 17 }, __self: this }, attackOptions.map((char)=>/*#__PURE__*/ React.createElement("button", { key: char.id, onClick: ()=>onSelectAttacker(char), className: `px-2 py-1 rounded ${selectedAttacker?.id === char.id ? "bg-blue-500 text-white" : "bg-gray-200"}`, __source: { fileName: "", lineNumber: 104, columnNumber: 21 }, __self: this }, char.position, ": ", char.name)))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold", __source: { fileName: "", lineNumber: 115, columnNumber: 17 }, __self: this }, "防御キャラクター選択"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 116, columnNumber: 17 }, __self: this }, defenseOptions.map((char)=>/*#__PURE__*/ React.createElement("button", { key: char.id, onClick: ()=>onSelectDefender(char), className: `px-2 py-1 rounded ${selectedDefender?.id === char.id ? "bg-blue-500 text-white" : "bg-gray-200"}`, __source: { fileName: "", lineNumber: 118, columnNumber: 21 }, __self: this }, char.position, ": ", char.name)))), /*#__PURE__*/ React.createElement("button", { onClick: onExecuteTurn, className: "bg-purple-500 text-white px-4 py-2 rounded mt-4", disabled: !selectedAttacker || !selectedDefender, __source: { fileName: "", lineNumber: 128, columnNumber: 15 }, __self: this }, "ターン実行")), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 137, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold", __source: { fileName: "", lineNumber: 138, columnNumber: 13 }, __self: this }, "戦闘ログ"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-2 h-40 overflow-y-auto", __source: { fileName: "", lineNumber: 139, columnNumber: 13 }, __self: this }, battleLog.map((log, index)=>/*#__PURE__*/ React.createElement("p", { key: index, __source: { fileName: "", lineNumber: 141, columnNumber: 17 }, __self: this }, log)))))); } function StoryComponent() { const [characters, setCharacters] = React.useState([]); const [formation, setFormation] = React.useState(Array.from({ length: 6 }).fill(null)); const [gamePhase, setGamePhase] = React.useState('generation'); const [teamHP, setTeamHP] = React.useState(1000); const [bossHP, setBossHP] = React.useState(1000); const [selectedAttacker, setSelectedAttacker] = React.useState(null); const [selectedDefender, setSelectedDefender] = React.useState(null); const [battleLog, setBattleLog] = React.useState([]); const [turnCount, setTurnCount] = React.useState(0); const [attackOptions, setAttackOptions] = React.useState([]); const [defenseOptions, setDefenseOptions] = React.useState([]); const fantasyNames = [ "アキラ", "ユキ", "ケン", "マイ", "リョウ", "ハナ" ]; const generateRandomStat = ()=>Math.floor(Math.random() * 50) + 50; const positionRoles = [ "左翼", "前衛", "右翼", "後衛", "大将", "軍師" ]; const generateCharacter = ()=>{ if (characters.length >= 6) return; const newCharacter = { id: Date.now().toString(), name: fantasyNames[Math.floor(Math.random() * fantasyNames.length)], attack: generateRandomStat(), magic: generateRandomStat(), defense: generateRandomStat(), spirit: generateRandomStat(), speed: generateRandomStat(), luck: generateRandomStat() }; setCharacters((prev)=>[ ...prev, newCharacter ]); }; const deleteCharacter = (id)=>{ setCharacters((prev)=>prev.filter((char)=>char.id !== id)); }; const startFormation = ()=>{ if (characters.length === 6) { setGamePhase('formation'); } else { alert("6名のキャラクターを生成してください。"); } }; const placeInFormation = (character)=>{ const emptyIndex = formation.findIndex((f)=>f === null); if (emptyIndex !== -1) { setFormation((prev)=>{ const newFormation = [ ...prev ]; newFormation[emptyIndex] = { ...character, position: positionRoles[emptyIndex] }; return newFormation; }); setCharacters((prev)=>prev.filter((c)=>c.id !== character.id)); } }; const startBattle = ()=>{ if (formation.every((char)=>char !== null)) { setGamePhase('battle'); selectRandomOptions(); } else { alert("全ての位置にキャラクターを配置してください。"); } }; const selectRandomOptions = ()=>{ const shuffled = [ ...formation ].sort(()=>0.5 - Math.random()); setAttackOptions(shuffled.slice(0, 3)); setDefenseOptions(shuffled.slice(0, 3)); }; const calculateDamage = (attacker, defender, isMagicAttack = false)=>{ const baseDamage = isMagicAttack ? attacker.magic * 1.5 - defender.spirit / 2 : attacker.attack - defender.defense / 2; const criticalChance = attacker.luck / 100; const criticalHit = Math.random() < criticalChance; const damageMultiplier = criticalHit ? 2 : 1; return { damage: Math.max(0, Math.floor(baseDamage * damageMultiplier)), isCritical: criticalHit }; }; const executeAction = (attacker, defender, isMagicAttack = false)=>{ let message = ''; const doubleAttackChance = attacker.speed / 200; const isDoubleAttack = Math.random() < doubleAttackChance; const { damage, isCritical } = calculateDamage(attacker, defender, isMagicAttack); const totalDamage = isDoubleAttack ? damage * 2 : damage; if (isDoubleAttack) { message += `${attacker.name}の素早さが発揮され、二回攻撃！\n`; } if (isCritical) { message += `クリティカルヒット！\n`; } if (isMagicAttack) { message += `${attacker.name}が魔法攻撃を繰り出し、${totalDamage}のダメージを与えた！\n`; } else { message += `${attacker.name}が攻撃し、${totalDamage}のダメージを与えた！\n`; } return { message, totalDamage }; }; const executeTurn = ()=>{ if (selectedAttacker && selectedDefender) { setTurnCount((prev)=>prev + 1); let message = `ターン${turnCount + 1}:\n`; const isMagicTurn = turnCount % 3 === 2; const playerAction = executeAction(selectedAttacker, { defense: 60, spirit: 80 }, isMagicTurn); message += playerAction.message; if (turnCount % 4 === 3) { const healing = Math.floor(selectedAttacker.spirit / 2); setTeamHP((prev)=>Math.min(1000, prev + healing)); message += `${selectedAttacker.name}が回復魔法を使用し、チームのHPを${healing}回復！\n`; } const newBossHP = Math.max(0, bossHP - playerAction.totalDamage); setBossHP(newBossHP); if (newBossHP > 0) { const dodgeChance = selectedDefender.speed / 200; if (Math.random() >= dodgeChance) { const bossAction = executeAction({ name: "カオスデストロイヤー", attack: 120, magic: 100 }, selectedDefender, isMagicTurn); message += bossAction.message; const newTeamHP = Math.max(0, teamHP - bossAction.totalDamage); setTeamHP(newTeamHP); if (newTeamHP <= 0) { message += "敗北...カオスデストロイヤーに倒されてしまった。"; setGamePhase('end'); } } else { message += `${selectedDefender.name}が素早く身をかわし、カオスデストロイヤーの攻撃を回避した！\n`; } } else { message += "勝利！カオスデストロイヤーを倒しました！"; setGamePhase('end'); } setBattleLog((prev)=>[ ...prev, message ]); setSelectedAttacker(null); setSelectedDefender(null); selectRandomOptions(); } }; return /*#__PURE__*/ React.createElement(MainComponent, { characters: characters, formation: formation, gamePhase: gamePhase, teamHP: teamHP, bossHP: bossHP, selectedAttacker: selectedAttacker, selectedDefender: selectedDefender, battleLog: battleLog, turnCount: turnCount, attackOptions: attackOptions, defenseOptions: defenseOptions, onGenerateCharacter: generateCharacter, onDeleteCharacter: deleteCharacter, onStartFormation: startFormation, onPlaceInFormation: placeInFormation, onStartBattle: startBattle, onSelectAttacker: setSelectedAttacker, onSelectDefender: setSelectedDefender, onExecuteTurn: executeTurn, __source: { fileName: "", lineNumber: 306, columnNumber: 5 }, __self: this }); }