/** @jsxImportSource https://esm.sh/react@18.2.0 */ import { createRoot } from "https://esm.sh/react-dom@18.2.0/client"; import React, { useReducer, useState } from "https://esm.sh/react@18.2.0"; // Enhanced Enums enum Rarity { Common = "Common", Rare = "Rare", Epic = "Epic", Legendary = "Legendary", } enum ElementType { Fire = "🔥", Water = "💧", Earth = "🌿", Air = "💨", Metal = "🔧", Light = "✨", Dark = "🌑", } enum SeasonalPlanet { Pyros = "Pyros", Aquaria = "Aquaria", Terrana = "Terrana", Aetheria = "Aetheria", } // Enhanced Action Card Class class ActionCard { level: number; xp: number; constructor( public name: string, public type: string, public baseCost: number, public baseSpeedCost: number, public baseEffect: (attacker: Creature, target: Creature) => void, public rarity: Rarity = Rarity.Common, ) { this.level = 1; this.xp = 0; } // Method to level up card levelUp() { if (this.level < 5) { this.level++; // Potential enhancement of effect or cost reduction } } // Adjusted effect based on card level getEffectiveCost(costType: "energy" | "speed"): number { const reductionFactor = 1 - (this.level - 1) * 0.1; // 10% reduction per level return costType === "energy" ? Math.max(1, Math.floor(this.baseCost * reductionFactor)) : Math.max(1, Math.floor(this.baseSpeedCost * reductionFactor)); } // Enhanced effect calculation executeEffect(attacker: Creature, target: Creature) { this.baseEffect(attacker, target); this.xp += 10; // Gain XP on use if (this.xp >= 100) this.levelUp(); // Auto level up } // Create a deep copy of the card clone(): ActionCard { const newCard = new ActionCard( this.name, this.type, this.baseCost, this.baseSpeedCost, this.baseEffect, this.rarity, ); newCard.level = this.level; newCard.xp = this.xp; return newCard; } } // Enhanced Creature Class class Creature { level: number; xp: number; statPoints: number; constructor( public hp: number, public energy: number, public speed: number, public rarity: Rarity = Rarity.Common, public elementType: ElementType = ElementType.Fire, public seasonalOrigin: SeasonalPlanet = SeasonalPlanet.Pyros, ) { this.level = 1; this.xp = 0; this.statPoints = 0; this.maxHp = hp; this.deck = this.generateDeck(); this.hand = []; this.discardPile = []; this.handSize = 6; this.speedTimer = 0; } maxHp: number; deck: ActionCard[]; hand: ActionCard[]; discardPile: ActionCard[]; handSize: number; speedTimer: number; // Enhanced leveling system gainXP(amount: number) { this.xp += amount; if (this.xp >= 100 * this.level) { this.levelUp(); } } levelUp() { this.level++; this.statPoints += 3; // Gain stat points on level up this.maxHp += 5; this.hp = this.maxHp; this.energy += 1; this.speed += 1; } // Stat allocation method allocateStatPoint(stat: "hp" | "energy" | "speed") { if (this.statPoints > 0) { switch (stat) { case "hp": this.maxHp += 3; this.hp += 3; break; case "energy": this.energy += 1; break; case "speed": this.speed += 1; break; } this.statPoints--; } } generateDeck(): ActionCard[] { return [ new ActionCard("Quick Strike", "damage", 2, 1, (attacker, target) => { target.hp -= 3; }, Rarity.Common), new ActionCard("Heal", "heal", 3, 2, (attacker, target) => { target.hp = Math.min(target.maxHp, target.hp + 4); }, Rarity.Rare), new ActionCard("Energy Boost", "support", 1, 1, (attacker, target) => { attacker.energy += 2; }, Rarity.Epic), ]; } clone(): Creature { const newCreature = new Creature( this.hp, this.energy, this.speed, this.rarity, this.elementType, this.seasonalOrigin, ); newCreature.level = this.level; newCreature.xp = this.xp; newCreature.statPoints = this.statPoints; newCreature.maxHp = this.maxHp; // Use .clone() method for deep copying newCreature.deck = this.deck.map(card => card.clone()); newCreature.hand = this.hand.map(card => card.clone()); newCreature.discardPile = this.discardPile.map(card => card.clone()); newCreature.handSize = this.handSize; newCreature.speedTimer = this.speedTimer; return newCreature; } drawCards() { while (this.hand.length < this.handSize && this.deck.length > 0) { const card = this.deck.pop()!; this.hand.push(card); } // Reshuffle discard if deck is empty if (this.deck.length === 0 && this.discardPile.length > 0) { this.deck = [...this.discardPile]; this.discardPile = []; } } playCard(cardIndex: number, target: Creature) { if (this.speedTimer > 0) return false; const card = this.hand[cardIndex]; const energyCost = card.getEffectiveCost("energy"); const speedCost = card.getEffectiveCost("speed"); if (this.energy < energyCost) return false; // Apply card effect card.executeEffect(this, target); // Deduct energy this.energy -= energyCost; // Set speed timer this.speedTimer = speedCost; // Move card to discard pile this.discardPile.push(this.hand.splice(cardIndex, 1)[0]); return true; } startTurn() { // Regenerate energy this.energy = 5 + Math.floor(this.level / 2); // Reduce speed timer this.speedTimer = Math.max(0, this.speedTimer - 1); // Draw cards this.drawCards(); } } function GameSimulator() { const [player, setPlayer] = useState(new Creature(20, 5, 3, Rarity.Rare, ElementType.Fire)); const [enemies, setEnemies] = useState([ new Creature(15, 5, 2, Rarity.Common, ElementType.Water), new Creature(10, 4, 4, Rarity.Epic, ElementType.Earth), ]); const [gameLog, setGameLog] = useState([]); const [gameState, setGameState] = useState<"playing" | "player-win" | "enemy-win">("playing"); const playTurn = (cardIndex: number, targetEnemyIndex: number) => { if (gameState !== "playing") return; const playerCopy = player.clone(); const enemiesCopy = enemies.map(enemy => enemy.clone()); if (playerCopy.playCard(cardIndex, enemiesCopy[targetEnemyIndex])) { // Check if enemy is defeated if (enemiesCopy[targetEnemyIndex].hp <= 0) { enemiesCopy.splice(targetEnemyIndex, 1); playerCopy.gainXP(50); // Gain XP for defeating enemy } // Simple enemy AI enemiesCopy.forEach((enemy, index) => { if (enemy.hand.length > 0) { const enemyCardIndex = Math.floor(Math.random() * enemy.hand.length); enemy.playCard(enemyCardIndex, playerCopy); } }); // Check game state const updatedEnemies = enemiesCopy.filter(enemy => enemy.hp > 0); setEnemies(updatedEnemies); setPlayer(playerCopy); // Update game log setGameLog(prev => [ `Player used ${player.hand[cardIndex].name}`, ...prev, ]); // Check victory conditions if (updatedEnemies.length === 0) { setGameState("player-win"); } else if (playerCopy.hp <= 0) { setGameState("enemy-win"); } } }; const startNewTurn = () => { if (gameState !== "playing") return; const playerCopy = player.clone(); const enemiesCopy = enemies.map(enemy => enemy.clone()); playerCopy.startTurn(); enemiesCopy.forEach(enemy => enemy.startTurn()); setPlayer(playerCopy); setEnemies(enemiesCopy); }; return (

Dimensional Creature Battle 🌌

{gameState === "player-win" &&

🏆 Victory! All enemies defeated!

} {gameState === "enemy-win" &&

💀 Defeat! Your creature was destroyed!

}

Player {player.elementType} (Lv.{player.level})

HP: {player.hp}/{player.maxHp} | Energy: {player.energy} | Speed Timer: {player.speedTimer}

XP: {player.xp} | Stat Points: {player.statPoints}

Rarity: {player.rarity} | Origin: {player.seasonalOrigin}

Hand:

{player.hand.map((card, index) => (

))}

Enemies

{enemies.map((enemy, index) => (

Enemy {enemy.elementType} (Lv.{enemy.level})

HP: {enemy.hp}/{enemy.maxHp} | Energy: {enemy.energy} | Speed Timer: {enemy.speedTimer}

Rarity: {enemy.rarity} | Origin: {enemy.seasonalOrigin}

))}

Game Log:

{gameLog.slice(0, 5).map((log, index) =>

{log}

)}

); } function App() { return ; } function client() { createRoot(document.getElementById("root")).render(); } if (typeof document !== "undefined") { client(); } export default async function server(request: Request): Promise { return new Response( ` Dimensional Creature Battle

`, { headers: { "content-type": "text/html" }, }, ); }

Apache0ne