function TwoPlayerAttackGame({ gameStarted, playerHP, attackDistribution, turn, onDistribute, onStartGame, onToggleTurn, onRollDice }) { const diceButtonDisabled = !gameStarted || playerHP.player1 <= 0 || playerHP.player2 <= 0; return /*#__PURE__*/ React.createElement("div", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 4, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, "対戦ゲーム"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `px-4 py-2 text-white ${gameStarted ? 'bg-gray-500' : 'bg-blue-500'}`, disabled: gameStarted, onClick: onStartGame, __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, "ゲーム開始"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-green-500 text-white mr-2", onClick: onDistribute, disabled: gameStarted, __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "攻撃力の振り分け"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-red-500 text-white", onClick: onToggleTurn, disabled: gameStarted, __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "先攻後攻の切替"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "mr-4", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "先攻のプレイヤー: ", turn === 'player1' ? 'Player 1' : 'Player 2'), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "Player 1 HP: ", playerHP.player1, " | Player 2 HP: ", playerHP.player2)), /*#__PURE__*/ React.createElement("button", { className: "bg-yellow-500 px-4 py-2 text-white", onClick: onRollDice, disabled: diceButtonDisabled, __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, "サイコロを振る"), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "攻撃力の振り分け:"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, attackDistribution.map((attack, index)=>/*#__PURE__*/ React.createElement("span", { key: index, className: "mr-2", __source: { fileName: "", lineNumber: 20, columnNumber: 57 }, __self: this }, index + 1, "の攻撃力: ", attack))))); } function TwoPlayerAttackGameStory() { const [playerHP, setPlayerHP] = React.useState({ player1: 150, player2: 150 }); const [attackDistribution, setAttackDistribution] = React.useState([]); const [turn, setTurn] = React.useState('player1'); const [gameStarted, setGameStarted] = React.useState(false); const distributeAttack = ()=>{ let remainingAttack = 100; const distribution = Array.from({ length: 5 }).map(()=>{ const remainingDistribution = distribution || []; // Placeholder to avoid reference errors const maxAttackValue = remainingAttack - (4 - remainingDistribution.length); // Ensure remaining attacks can be spread const attackValue = Math.floor(Math.random() * (maxAttackValue + 1)); remainingAttack -= attackValue; return attackValue; }); distribution.push(remainingAttack); setAttackDistribution(distribution.sort(()=>Math.random() - 0.5)); }; const startGame = ()=>{ distributeAttack(); setGameStarted(true); setPlayerHP({ player1: 150, player2: 150 }); }; const rollDice = ()=>{ const rolledNumber = Math.ceil(Math.random() * 6); const damage = attackDistribution[rolledNumber - 1]; const opponent = turn === 'player1' ? 'player2' : 'player1'; setPlayerHP((prevHP)=>{ const newHP = { ...prevHP, [opponent]: Math.max(prevHP[opponent] - damage, 0) }; return newHP; }); setTurn(opponent); }; const toggleTurn = ()=>{ setTurn((turn)=>turn === 'player1' ? 'player2' : 'player1'); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 71, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(TwoPlayerAttackGame, { gameStarted: gameStarted, playerHP: playerHP, attackDistribution: attackDistribution, turn: turn, onDistribute: distributeAttack, onStartGame: startGame, onToggleTurn: toggleTurn, onRollDice: rollDice, __source: { fileName: "", lineNumber: 72, columnNumber: 7 }, __self: this })); } function MainComponent() { const [playerHP, setPlayerHP] = React.useState({ player1: 150, player2: 150 }); const [attackDistribution, setAttackDistribution] = React.useState([]); const [turn, setTurn] = React.useState('player1'); const [gameStarted, setGameStarted] = React.useState(false); const rollDice = ()=>{ const rolledNumber = Math.ceil(Math.random() * 6); const damage = attackDistribution[rolledNumber - 1]; const opponent = turn === 'player1' ? 'player2' : 'player1'; setPlayerHP((prevHP)=>{ const newHP = { ...prevHP, [opponent]: Math.max(prevHP[opponent] - damage, 0) }; if (newHP[opponent] <= 0 && opponent === 'player2') { newHP.player1 = Math.max(newHP.player1 - damage, 0); if (newHP.player1 <= 0) { return { player1: 0, player2: 0 }; // Draw condition } } return newHP; }); setTurn(opponent); }; const distributeAttack = ()=>{ let remainingAttack = 100; const distribution = Array.from({ length: 6 }, (_, index)=>{ if (index === 5) return remainingAttack; // Assign remaining attack to final slot const attackValue = Math.floor(Math.random() * (remainingAttack / (6 - index))); remainingAttack -= attackValue; return attackValue; }).sort(()=>Math.random() - 0.5); setAttackDistribution(distribution); }; const startGame = ()=>{ distributeAttack(); setGameStarted(true); }; const toggleTurnChoice = ()=>{ setTurn((currentTurn)=>currentTurn === 'player1' ? 'player2' : 'player1'); }; const diceButtonDisabled = !gameStarted || playerHP.player1 <= 0 || playerHP.player2 <= 0; return /*#__PURE__*/ React.createElement(TwoPlayerAttackGame, { gameStarted: gameStarted, playerHP: playerHP, attackDistribution: attackDistribution, turn: turn, onDistribute: distributeAttack, onStartGame: startGame, onToggleTurn: toggleTurnChoice, onRollDice: rollDice, __source: { fileName: "", lineNumber: 50, columnNumber: 5 }, __self: this }); }