Erzangel/web-adventure
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: revise monster scaling

Browse Source
This commit is contained in:
Erzangel
2026-05-29 17:38:51 +02:00
parent b3b0d41f0b
commit 085678955d
2 changed files with 161 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files
backend.py
+19 -6
View File
@@ -338,20 +338,21 @@ class GameWorld:
player.last_hp_regen = current_time
def _spawn_monster(self):
"""Spawn a random monster on the map"""
"""Spawn a random monster on the map with level 1-10"""
monster_id = f"monster_{len(self.monsters)}_{self.generation}"
level = random.randint(1, 5)
level = random.randint(1, 10)
x = random.randint(-GRID_SIZE // 2, GRID_SIZE // 2)
y = random.randint(-GRID_SIZE // 2, GRID_SIZE // 2)
health = 20 + level * 10
# HP scales with level: base 15 + 5 per level = 20-65 for levels 1-10
health = 15 + level * 5
self.monsters[monster_id] = Monster(
id=monster_id,
position=Position(x, y, 0),
health=health,
max_health=health,
level=level,
attack=3 + level,
defense=1 + level // 2,
attack=2 + level,
defense=1 + level // 3,
is_boss=False,
)
@@ -699,7 +700,13 @@ def _handle_attack(player: Player, target_id: str) -> Dict:
if monster.health <= 0:
del game_world.monsters[target_id]
player.exp += monster.level * 10
player.level = 1 + int(player.exp / 100)
# Calculate level based on XP: 30 for level 1, +20 per additional level
# Level N requires: 30 + 20*(N-1) total XP
player.level = 1
xp_needed = 30
while player.exp >= xp_needed and player.level < 100:
player.level += 1
xp_needed += 20
return {"success": True, "damage": damage, "exp": monster.level * 10, "monster_killed": True}
retaliation = apply_retaliation(monster.attack)
@@ -934,3 +941,9 @@ async def health():
return {"status": "ok"}
index.html
+44 -15
View File
@@ -565,8 +565,20 @@
document.getElementById('statLevel').textContent = currentPlayer.level;
document.getElementById('statExp').textContent = currentPlayer.exp;
const levelProgress = ((currentPlayer.exp || 0) % 100);
document.getElementById('expBar').style.width = `${Math.max(0, Math.min(100, levelProgress))}%`;
// Calculate XP progress for new level: 30 for level 1, +20 per level after
// XP needed to reach this level: 30 + 20*(level-2) for level >= 2, or 0 for level 1
const currentLevel = currentPlayer.level;
let xpForCurrentLevel = 0;
let xpForNextLevel = 30;
if (currentLevel > 1) {
xpForCurrentLevel = 30 + 20 * (currentLevel - 2);
xpForNextLevel = 30 + 20 * (currentLevel - 1);
}
const xpIntoLevel = currentPlayer.exp - xpForCurrentLevel;
const xpNeededForLevel = xpForNextLevel - xpForCurrentLevel;
const levelProgress = Math.max(0, Math.min(100, (xpIntoLevel / xpNeededForLevel) * 100));
document.getElementById('expBar').style.width = `${levelProgress}%`;
document.getElementById('statHealth').textContent = `${currentPlayer.health}/${currentPlayer.max_health}`;
document.getElementById('healthBar').style.width = `${(currentPlayer.health / currentPlayer.max_health) * 100}%`;
document.getElementById('statActionPoints').textContent = currentPlayer.action_points;
@@ -628,10 +640,10 @@
if (aura.max_health) auraParts.push(`+${aura.max_health} max HP`);
if (aura.free_move_chance) auraParts.push(`${Math.round(aura.free_move_chance * 100)}% free moves`);
const auraLine = auraParts.length > 0
? `<div style="color:#7fd6ff; margin-top:2px;">Aura (${w.aura_radius || 0}): ${auraParts.join(', ')}</div>`
? `<div style="color:#7fd6ff; margin-top:2px; pointer-events:none;">Aura (${w.aura_radius || 0}): ${auraParts.join(', ')}</div>`
: '';
return `<div data-slot="${i}" style="padding:3px 6px;margin:2px 0;border-radius:4px;${border};${bg};cursor:pointer;"
title="Click to equip">
title="Click to equip" class="weapon-slot">
${icon}<b>${w.name}</b>
<span style="color:#aaa"> +${w.attack_bonus}atk +${w.range_bonus}rng</span>
${auraLine}
@@ -818,8 +830,12 @@
});
const sphere = new THREE.Mesh(geometry, material);
sphere.position.set(player.position.x, 0.5, player.position.y);
// Scale sphere based on level: 1.0 at level 1, increases with level
const levelScale = 1.0 + (player.level - 1) * 0.08;
sphere.scale.set(levelScale, levelScale, levelScale);
if (isCurrentPlayer) {
sphere.scale.set(1.15, 1.15, 1.15);
// Current player slightly larger
sphere.scale.multiplyScalar(1.15);
}
sphere.castShadow = true;
sphere.receiveShadow = true;
@@ -883,6 +899,10 @@
function updatePlayerSphere(player) {
if (playerSpheres[player.id]) {
playerSpheres[player.id].mesh.position.set(player.position.x, 0.5, player.position.y);
// Update scale based on level
const levelScale = 1.0 + (player.level - 1) * 0.08;
const baseScale = player.id === currentPlayerId ? levelScale * 1.15 : levelScale;
playerSpheres[player.id].mesh.scale.set(baseScale, baseScale, baseScale);
playerSpheres[player.id].sprite.position.set(player.position.x, 2.5, player.position.y);
if (playerSpheres[player.id].northArrow) {
playerSpheres[player.id].northArrow.position.set(player.position.x, 0.5, player.position.y - 1.1);
@@ -968,7 +988,13 @@
function createMonsterCube(monster) {
const geometry = new THREE.BoxGeometry(0.6, 0.6, 0.6);
const material = new THREE.MeshPhongMaterial({ color: 0xff4444 });
// Color by level: green (1-3), yellow (4-6), orange (7-9), red (10+)
let monsterColor = 0xff4444; // red default
if (monster.level <= 3) monsterColor = 0x44ff44; // green
else if (monster.level <= 6) monsterColor = 0xffff44; // yellow
else if (monster.level <= 9) monsterColor = 0xff8844; // orange
else monsterColor = 0xff4444; // red for 10+
const material = new THREE.MeshPhongMaterial({ color: monsterColor });
const cube = new THREE.Mesh(geometry, material);
cube.position.set(monster.position.x, 0.3, monster.position.y);
cube.castShadow = true;
@@ -1554,20 +1580,23 @@
};
// Click a weapon in the inventory panel to equip it (no AP cost).
document.getElementById('weaponSlots').addEventListener('click', async (e) => {
const targetEl = e.target instanceof Element ? e.target : e.target?.parentElement;
if (!targetEl) return;
const div = targetEl.closest('[data-slot]');
if (!div) return;
const slotIndex = parseInt(div.dataset.slot);
if (Number.isNaN(slotIndex)) return;
document.addEventListener('click', async (e) => {
const weaponSlot = e.target.closest('.weapon-slot');
if (!weaponSlot) return;
const slotIndex = parseInt(weaponSlot.getAttribute('data-slot'), 10);
if (!Number.isFinite(slotIndex) || slotIndex < 0) return;
if (!currentPlayer.weapon_slots || !currentPlayer.weapon_slots[slotIndex]) return;
const weaponName = currentPlayer.weapon_slots[slotIndex]?.name || 'weapon';
const equipData = await performAction('equip', null, null, null, null, slotIndex);
if (equipData && equipData.success) {
currentPlayer.equipped_weapon_slot = equipData.equipped_weapon_slot;
showMessage(`Equipped: ${currentPlayer.weapon_slots[slotIndex]?.name}`);
showMessage(`Equipped: ${weaponName}`);
updateUI();
}
});
}, true); // Use capture phase for maximum reliability
}
// ==================== LOGIN FORM ====================