function MainComponent() { React.useEffect(()=>{ const pokemonData = { 'ピカチュウ': { hp: 100, level: 35, moves: [ 'でんこうせっか', '10まんボルト', 'アイアンテール', 'ボルテッカー' ] }, 'フシギダネ': { hp: 120, level: 30, moves: [ 'はっぱカッター', 'タネばくだん', 'ねむりごな', 'どくのこな' ] } }; const moveData = { 'でんこうせっか': { power: 40, accuracy: 100, type: 'でんき' }, '10まんボルト': { power: 90, accuracy: 100, type: 'でんき', effect: { type: 'まひ', chance: 10 } }, 'アイアンテール': { power: 100, accuracy: 75, type: 'はがね' }, 'ボルテッカー': { power: 120, accuracy: 50, type: 'でんき', recoil: true }, 'はっぱカッター': { power: 55, accuracy: 95, type: 'くさ' }, 'タネばくだん': { power: 80, accuracy: 100, type: 'くさ' }, 'ねむりごな': { power: 0, accuracy: 75, type: 'くさ', effect: { type: 'ねむり', chance: 100 } }, 'どくのこな': { power: 0, accuracy: 75, type: 'どく', effect: { type: 'どく', chance: 100 } } }; let playerPokemon, enemyPokemon; const messageBox = document.getElementById('message-box'); const moveSelection = document.getElementById('move-selection'); function startBattle() { playerPokemon = { ...pokemonData['ピカチュウ'], currentHp: pokemonData['ピカチュウ'].hp, status: null }; enemyPokemon = { ...pokemonData['フシギダネ'], currentHp: pokemonData['フシギダネ'].hp, status: null }; updateBattleScreen(); showMessage('やせいのフシギダネがあらわれた！').then(()=>showMoveSelection()); } function updateBattleScreen() { document.querySelector('#player-status .hp-fill').style.width = `${playerPokemon.currentHp / playerPokemon.hp * 100}%`; document.querySelector('#enemy-status .hp-fill').style.width = `${enemyPokemon.currentHp / enemyPokemon.hp * 100}%`; document.querySelector('#player-status .pokemon-name').textContent = `ピカチュウ L${playerPokemon.level}`; document.querySelector('#enemy-status .pokemon-name').textContent = `フシギダネ L${enemyPokemon.level}`; document.querySelector('#player-status .status-condition').textContent = playerPokemon.status || ''; document.querySelector('#enemy-status .status-condition').textContent = enemyPokemon.status || ''; } function showMoveSelection() { moveSelection.innerHTML = ''; playerPokemon.moves.forEach((move)=>{ const button = document.createElement('button'); button.textContent = move; button.className = 'move-button'; button.addEventListener('click', ()=>executeMove(move)); moveSelection.appendChild(button); }); moveSelection.style.display = 'grid'; } function showMessage(message) { return new Promise((resolve)=>{ messageBox.textContent = message; setTimeout(resolve, 1500); }); } async function executeMove(move) { moveSelection.style.display = 'none'; if (await checkStatusEffects(playerPokemon, 'ピカチュウ')) { await enemyTurn(); return; } await showMessage(`ピカチュウの ${move}！`); if (Math.random() * 100 < moveData[move].accuracy) { const damage = calculateDamage(moveData[move].power, playerPokemon.level); enemyPokemon.currentHp = Math.max(0, enemyPokemon.currentHp - damage); updateBattleScreen(); await showMessage(`フシギダネに ${damage} のダメージ！`); if (moveData[move].effect && Math.random() * 100 < moveData[move].effect.chance) { enemyPokemon.status = moveData[move].effect.type; await showMessage(`フシギダネは ${enemyPokemon.status}状態になった！`); updateBattleScreen(); } if (moveData[move].recoil) { const recoilDamage = Math.floor(damage / 3); playerPokemon.currentHp = Math.max(0, playerPokemon.currentHp - recoilDamage); updateBattleScreen(); await showMessage(`ピカチュウははんどうで ${recoilDamage} のダメージ！`); } if (enemyPokemon.currentHp <= 0) { await showMessage('フシギダネはたおれた！'); await showMessage('しょうぶにかった！'); startBattle(); return; } } else { await showMessage('しかし、はずれてしまった！'); } await enemyTurn(); } async function enemyTurn() { if (await checkStatusEffects(enemyPokemon, 'フシギダネ')) { showMoveSelection(); return; } const move = enemyPokemon.moves[Math.floor(Math.random() * enemyPokemon.moves.length)]; await showMessage(`フシギダネの ${move}！`); if (Math.random() * 100 < moveData[move].accuracy) { const damage = calculateDamage(moveData[move].power, enemyPokemon.level); playerPokemon.currentHp = Math.max(0, playerPokemon.currentHp - damage); updateBattleScreen(); await showMessage(`ピカチュウに ${damage} のダメージ！`); if (moveData[move].effect && Math.random() * 100 < moveData[move].effect.chance) { playerPokemon.status = moveData[move].effect.type; await showMessage(`ピカチュウは ${playerPokemon.status}状態になった！`); updateBattleScreen(); } if (playerPokemon.currentHp <= 0) { await showMessage('ピカチュウはたおれた！'); await showMessage('めのまえがまっくらになった！'); startBattle(); return; } } else { await showMessage('しかし、はずれてしまった！'); } await applyPoisonDamage(playerPokemon, 'ピカチュウ'); showMoveSelection(); } async function checkStatusEffects(pokemon, name) { if (pokemon.status === 'まひ' && Math.random() < 0.25) { await showMessage(`${name}はまひしてうごけない！`); return true; } if (pokemon.status === 'ねむり') { if (Math.random() < 0.33) { pokemon.status = null; await showMessage(`${name}はめをさました！`); } else { await showMessage(`${name}はぐうぐうねむっている`); return true; } } return false; } async function applyPoisonDamage(pokemon, name) { if (pokemon.status === 'どく') { const poisonDamage = Math.floor(pokemon.hp / 8); pokemon.currentHp = Math.max(0, pokemon.currentHp - poisonDamage); updateBattleScreen(); await showMessage(`${name}はどくのダメージをうけた！`); if (pokemon.currentHp <= 0) { await showMessage(`${name}はたおれた！`); if (name === 'ピカチュウ') { await showMessage('めのまえがまっくらになった！'); startBattle(); } return true; } } return false; } function calculateDamage(power, level) { return Math.floor((power * level / 100 + 2) * (Math.random() * 0.15 + 0.85)); } startBattle(); }, []); return /*#__PURE__*/ React.createElement("div", { className: "bg-[#9bbc0f] flex justify-center items-center h-screen font-['Pokemon_GB']", __source: { fileName: "", lineNumber: 166, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[320px] h-[288px] bg-[#0f380f] border-[10px] border-[#306230] relative overflow-hidden", __source: { fileName: "", lineNumber: 167, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full h-[144px] relative", __source: { fileName: "", lineNumber: 168, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute text-[24px]", style: { top: '20px', right: '40px' }, __source: { fileName: "", lineNumber: 169, columnNumber: 11 }, __self: this }, "🌱"), /*#__PURE__*/ React.createElement("div", { className: "absolute text-[24px]", style: { bottom: '20px', left: '40px' }, __source: { fileName: "", lineNumber: 170, columnNumber: 11 }, __self: this }, "⚡"), /*#__PURE__*/ React.createElement("div", { className: "absolute bg-[#9bbc0f] border-2 border-[#306230] p-[4px] text-[10px] w-[140px]", style: { top: '10px', left: '10px' }, __source: { fileName: "", lineNumber: 171, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "pokemon-name", __source: { fileName: "", lineNumber: 172, columnNumber: 13 }, __self: this }, "フシギダネ L30"), /*#__PURE__*/ React.createElement("div", { className: "hp-bar bg-[#306230] w-full h-[4px]", __source: { fileName: "", lineNumber: 173, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "hp-fill bg-[#0f380f] w-full h-full transition-width duration-500", __source: { fileName: "", lineNumber: 173, columnNumber: 65 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "status-condition text-[#FF0000]", __source: { fileName: "", lineNumber: 174, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "absolute bg-[#9bbc0f] border-2 border-[#306230] p-[4px] text-[10px] w-[140px]", style: { bottom: '10px', right: '10px' }, __source: { fileName: "", lineNumber: 176, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "pokemon-name", __source: { fileName: "", lineNumber: 177, columnNumber: 13 }, __self: this }, "ピカチュウ L35"), /*#__PURE__*/ React.createElement("div", { className: "hp-bar bg-[#306230] w-full h-[4px]", __source: { fileName: "", lineNumber: 178, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "hp-fill bg-[#0f380f] w-full h-full transition-width duration-500", __source: { fileName: "", lineNumber: 178, columnNumber: 65 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "status-condition text-[#FF0000]", __source: { fileName: "", lineNumber: 179, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 left-0 right-0 h-[64px] bg-[#9bbc0f] border-t-2 border-[#306230] p-[8px] text-[12px] overflow-y-auto", id: "message-box", __source: { fileName: "", lineNumber: 182, columnNumber: 9 }, __self: this }, "やせいのフシギダネがあらわれた！"), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 left-0 right-0 h-[80px] bg-[#9bbc0f] border-t-2 border-[#306230] hidden grid-cols-2 gap-[4px] p-[4px]", id: "move-selection", __source: { fileName: "", lineNumber: 185, columnNumber: 9 }, __self: this }))); }