Cursed Gauntlet

SELECT CHARACTER

YUJI

Punch (10 DMG) & Divergent Fist (40 DMG)
Black Flash for 100 DMG

NOBARA

Nail Shot & Resonance
Black Flash to Stun Enemies

CURSED GAUNTLET

Loading Assets...

Health

100/100

Wave

1/30

Wave 1 Complete!

Next wave in 2s...

attackCooldown: 0, state: 'idle', animationTimer: 0, damageTimer: 0 }); } else { const config = window.gameConfig.curseTypes[type]; const assetId = type + '_curse'; const baseHeight = type === 'tank' ? 180 : type === 'swarm' ? 60 : 100; const dims = getImageDimensions(assetId, baseHeight * config.size); enemies.push({ type: type, x: canvas.width + 50, y: 1100 - dims.height, width: dims.width, height: dims.height, health: config.health, maxHealth: config.health, speed: config.speed, damage: config.damage, color: config.color, attackCooldown: 0, state: 'moving', animationTimer: 0, damageTimer: 0 }); } } // Game logic function updatePlayer(dt) { // Update Black Flash timer if (blackFlashActive && blackFlashTimer > 0) { blackFlashTimer -= dt; if (blackFlashTimer <= 0) { blackFlashActive = false; } } // Update cooldowns if (player.punchCooldown > 0) { player.punchCooldown -= dt; UI.updateCooldown('punch', player.punchCooldown, window.gameConfig.player.punchCooldown); } else { UI.updateCooldown('punch', 0, window.gameConfig.player.punchCooldown); } if (player.divergentCooldown > 0) { player.divergentCooldown -= dt; UI.updateCooldown('divergent', player.divergentCooldown, window.gameConfig.player.divergentCooldown); } else { UI.updateCooldown('divergent', 0, window.gameConfig.player.divergentCooldown); } // Update animation timer if (player.animationTimer > 0) { player.animationTimer -= dt; if (player.animationTimer <= 0) { player.state = 'idle'; } } // Movement let moveX = 0; if (isTouchDevice && input.touch.joystick.active) { moveX = input.touch.joystick.x; UI.updateJoystick(input.touch.joystick.x, input.touch.joystick.y, true); } else { if (input.left) moveX -= 1; if (input.right) moveX += 1; UI.updateJoystick(0, 0, false); } player.velocityX = moveX * window.gameConfig.player.speed; player.x += player.velocityX * dt; // Clamp position player.x = Math.max(50, Math.min(canvas.width / 2 - 50, player.x)); // Update facing direction if (moveX < 0) player.facingRight = false; else if (moveX > 0) player.facingRight = true; // Update state based on movement (only if not attacking) if (player.state === 'idle' || player.state === 'walk') { if (moveX !== 0) { player.state = 'walk'; } else { player.state = 'idle'; } } // Handle attacks if ((input.punch || input.touch.punch) && player.punchCooldown <= 0 && player.state !== 'punch' && player.state !== 'divergent') { performAttack('punch'); } if ((input.divergent || input.touch.divergent) && player.divergentCooldown <= 0 && player.state !== 'punch' && player.state !== 'divergent') { performAttack('divergent'); } // Update UI UI.updateHealth(player.health, player.maxHealth); } function performAttack(type) { // Check for Black Flash activation if (type === 'punch' && blackFlashActive && blackFlashTimer > 0) { // Black Flash triggered! performBlackFlash(); return; } player.state = type; player.animationTimer = type === 'punch' ? 0.4 : 0.6; const damage = type === 'punch' ? window.gameConfig.player.punchDamage : window.gameConfig.player.divergentDamage; const range = type === 'punch' ? 120 : 180; // Different ranges for different attacks const effectType = type === 'punch' ? 'normal_punch_effect' : 'divergent_fist_effect'; const maxHits = type === 'punch' ? 1 : 3; // Punch hits 1, Divergent hits 3 // Find enemies in range, sorted by distance const enemiesInRange = enemies .map(enemy => ({ enemy: enemy, dist: Math.abs(enemy.x - (player.x + player.width)) })) .filter(e => e.dist < range) .sort((a, b) => a.dist - b.dist) .slice(0, maxHits); let hitAny = false; enemiesInRange.forEach(({ enemy }) => { enemy.health -= damage; enemy.state = 'hit'; enemy.animationTimer = 0.3; hitAny = true; // Add multiple effects for more visual impact addEffect(effectType, enemy.x, enemy.y + enemy.height / 2, 0.5); addEffect(effectType, enemy.x - 30, enemy.y + enemy.height / 2 - 20, 0.4); addEffect(effectType, enemy.x + 30, enemy.y + enemy.height / 2 + 20, 0.4); if (enemy.health <= 0) { playSound('curse_death_sfx'); } // Screen shake - more intense for divergent fist if (type === 'divergent') { shakeScreen(15, 0.3); } else { shakeScreen(5, 0.15); } }); if (hitAny) { playSound(type === 'punch' ? 'punch_hit_sfx' : 'divergent_fist_sfx'); } // Set cooldown if (type === 'punch') { player.punchCooldown = window.gameConfig.player.punchCooldown; blackFlashActive = false; blackFlashTimer = 0; } else { player.divergentCooldown = window.gameConfig.player.divergentCooldown; // Check for Black Flash activation (40% chance) if (Math.random() < BLACK_FLASH_CHANCE) { blackFlashActive = true; blackFlashTimer = BLACK_FLASH_WINDOW; } } } function performBlackFlash() { player.state = 'punch'; player.animationTimer = 0.5; const blackFlashDamage = 100; const range = 150; // Find all enemies in range const enemiesInRange = enemies .map(enemy => ({ enemy: enemy, dist: Math.abs(enemy.x - (player.x + player.width)) })) .filter(e => e.dist < range) .sort((a, b) => a.dist - b.dist); let hitAny = false; enemiesInRange.forEach(({ enemy }) => { enemy.health -= blackFlashDamage; enemy.state = 'hit'; enemy.animationTimer = 0.4; hitAny = true; // Black and red lightning spark effects - create dramatic visual for (let i = 0; i < 24; i++) { const angle = (i / 24) * Math.PI * 2; const distance = 30 + Math.random() * 100; const sparkX = enemy.x + enemy.width / 2 + Math.cos(angle) * distance; const sparkY = enemy.y + enemy.height / 2 + Math.sin(angle) * distance; // Create custom lightning effect with more intensity effects.push({ type: 'black_flash_spark', x: sparkX, y: sparkY, duration: 0.6, timer: 0, scale: 1.5, angle: angle, color: Math.random() > 0.4 ? '#000000' : '#ff0000', intensity: Math.random() * 0.5 + 0.5 }); } // Center burst for (let i = 0; i < 8; i++) { addEffect('divergent_fist_effect', enemy.x + enemy.width / 2 + (Math.random() - 0.5) * enemy.width * 0.8, enemy.y + enemy.height / 2 + (Math.random() - 0.5) * enemy.height * 0.8, 0.5); } if (enemy.health <= 0) { playSound('curse_death_sfx'); } // Massive screen shake shakeScreen(25, 0.4); }); if (hitAny) { playSound('divergent_fist_sfx', false, 1.2); playSound('black_flash_voice', false, 1.0); } // Reset Black Flash state blackFlashActive = false; blackFlashTimer = 0; player.punchCooldown = window.gameConfig.player.punchCooldown; } function updateEnemies(dt) { enemies.forEach(enemy => { // Update animation timer if (enemy.animationTimer > 0) { enemy.animationTimer -= dt; if (enemy.animationTimer <= 0) { enemy.state = 'moving'; } } // Update attack cooldown if (enemy.attackCooldown > 0) { enemy.attackCooldown -= dt; } // Calculate player center position const playerCenterX = player.x + player.width / 2; const playerCenterY = player.y + player.height / 2; // Calculate direction to player center const dx = playerCenterX - enemy.x; const dy = playerCenterY - enemy.y; const distToPlayer = Math.hypot(dx, dy); // Normalize direction let dirX = 0; let dirY = 0; if (distToPlayer > 0) { dirX = dx / distToPlayer; dirY = dy / distToPlayer; } // Find nearby enemies to avoid stacking let avoidX = 0; let avoidY = 0; let nearbyCount = 0; enemies.forEach(other => { if (other === enemy) return; const dist = Math.hypot(other.x - enemy.x, other.y - enemy.y); const minDist = enemy.type === 'tank' ? 180 : enemy.type === 'sukuna' ? 250 : 120; if (dist < minDist && dist > 0) { // Push away from nearby enemies const angle = Math.atan2(enemy.y - other.y, enemy.x - other.x); avoidX += Math.cos(angle) * (minDist - dist) * 0.5; avoidY += Math.sin(angle) * (minDist - dist) * 0.5; nearbyCount++; } }); // Normalize avoidance if (nearbyCount > 0) { const avoidDist = Math.hypot(avoidX, avoidY); if (avoidDist > 0) { avoidX = (avoidX / avoidDist) * 80; avoidY = (avoidY / avoidDist) * 80; } } // Determine speed multiplier based on type let speedMultiplier = 1.0; if (enemy.type === 'tank') speedMultiplier = 1.2; else if (enemy.type === 'sukuna_3') speedMultiplier = 1.3; else if (enemy.type === 'mahito') speedMultiplier = 1.25; else if (enemy.type === 'sukuna_5') speedMultiplier = 1.4; // Calculate movement - move directly toward player center const moveX = (dirX * enemy.speed * speedMultiplier * dt) + (avoidX * dt * 0.5); const moveY = (dirY * enemy.speed * speedMultiplier * dt) + (avoidY * dt * 0.5); enemy.x += moveX; enemy.y += moveY; // Keep enemies within reasonable bounds (allow full vertical range) enemy.x = Math.max(50, Math.min(canvas.width - 50, enemy.x)); enemy.y = Math.max(200, Math.min(1150, enemy.y)); // Determine state based on distance to player const attackRange = enemy.type === 'sukuna_3' ? 120 : enemy.type === 'mahito' ? 110 : enemy.type === 'sukuna_5' ? 130 : enemy.type === 'tank' ? 110 : 100; if (distToPlayer < attackRange && enemy.attackCooldown <= 0) { enemy.state = 'attacking'; // Deal damage with type-specific cooldowns let damageAmount = 2; let cooldownTime = 3.0; if (enemy.type === 'sukuna_3') { damageAmount = 3; cooldownTime = 2.5; // Add slash animation for Sukuna effects.push({ type: 'sukuna_slash', x: player.x + player.width / 2, y: player.y + player.height / 2, duration: 0.3, timer: 0, scale: 1.0 }); // Add impact effects for (let i = 0; i < 3; i++) { addEffect('divergent_fist_effect', player.x + (Math.random() - 0.5) * 60, player.y + player.height / 2 + (Math.random() - 0.5) * 60, 0.4); } playSound('divergent_fist_sfx', false, 0.8); shakeScreen(8, 0.2); } else if (enemy.type === 'mahito') { damageAmount = 2; cooldownTime = 2.0; // Mahito applies poison on touch enemy.poisonActive = true; enemy.poisonTimer = window.gameConfig.mahito.poisonInterval; // Add poison effect for (let i = 0; i < 5; i++) { addEffect('divergent_fist_effect', player.x + (Math.random() - 0.5) * 80, player.y + player.height / 2 + (Math.random() - 0.5) * 80, 0.5); } playSound('poison_damage_sfx', false, 0.9); shakeScreen(6, 0.15); } else if (enemy.type === 'sukuna_5') { damageAmount = 4; cooldownTime = 1.8; // More powerful slashes for (let s = 0; s < 2; s++) { effects.push({ type: 'sukuna_slash', x: player.x + player.width / 2 + (Math.random() - 0.5) * 40, y: player.y + player.height / 2 + (Math.random() - 0.5) * 40, duration: 0.3, timer: 0, scale: 1.2 }); } // Add massive impact effects for (let i = 0; i < 5; i++) { addEffect('divergent_fist_effect', player.x + (Math.random() - 0.5) * 80, player.y + player.height / 2 + (Math.random() - 0.5) * 80, 0.5); } playSound('divergent_fist_sfx', false, 1.0); shakeScreen(12, 0.3); } else if (enemy.type === 'tank') { // Tanks charge up and deal heavy damage damageAmount = 3; cooldownTime = 3.5; // Add heavy impact effects for (let i = 0; i < 4; i++) { addEffect('divergent_fist_effect', player.x + (Math.random() - 0.5) * 80, player.y + player.height / 2 + (Math.random() - 0.5) * 80, 0.5); } playSound('divergent_fist_sfx', false, 0.9); shakeScreen(12, 0.3); } else if (enemy.type === 'fast') { damageAmount = 2; cooldownTime = 2.5; playSound('punch_hit_sfx', false, 0.6); shakeScreen(3, 0.1); } else if (enemy.type === 'swarm') { damageAmount = 1; cooldownTime = 2.0; playSound('punch_hit_sfx', false, 0.4); } else { // basic curse damageAmount = 2; cooldownTime = 3.0; playSound('punch_hit_sfx', false, 0.5); shakeScreen(4, 0.12); } player.health -= damageAmount; enemy.attackCooldown = cooldownTime; if (player.health <= 0) { gameState = 'defeat'; UI.showDefeat(currentWave + 1); } } else if (distToPlayer >= attackRange) { if (enemy.state !== 'hit') { enemy.state = 'moving'; } } }); // Remove dead enemies enemies = enemies.filter(e => e.health > 0); // Check wave completion - spawn next wave immediately (only if not currently spawning) if (enemies.length === 0 && gameState === 'playing' && !waveSpawning) { if (currentWave < window.gameConfig.waves.length - 1) { playSound('wave_complete_sfx'); currentWave++; lib.log('Wave ' + (currentWave) + ' complete! Starting Wave ' + (currentWave + 1)); UI.updateWave(currentWave, window.gameConfig.waves.length); // Restore some health player.health = Math.min(player.maxHealth, player.health + 20); // Spawn next wave immediately spawnWave(currentWave); } else { gameState = 'victory'; lib.log('All 30 waves complete! Victory!'); UI.showVictory(); } } } function updateEffects(dt) { effects.forEach(effect => { effect.timer += dt; effect.scale = 0.5 + (effect.timer / effect.duration) * 1.5; }); effects = effects.filter(e => e.timer < e.duration); } function updateScreenShake(dt) { if (screenShake.duration > 0) { screenShake.duration -= dt; const intensity = screenShake.intensity * (screenShake.duration / 0.2); screenShake.x = (Math.random() - 0.5) * intensity; screenShake.y = (Math.random() - 0.5) * intensity; } else { screenShake.x = 0; screenShake.y = 0; } } // Rendering function render() { ctx.save(); ctx.translate(screenShake.x, screenShake.y); // Background if (assets.images['background_arena']) { ctx.drawImage(assets.images['background_arena'].img, 0, 0, canvas.width, canvas.height); } else { ctx.fillStyle = '#1a0033'; ctx.fillRect(0, 0, canvas.width, canvas.height); } // Ground line ctx.strokeStyle = '#6600cc'; ctx.lineWidth = 3; ctx.beginPath(); ctx.moveTo(0, 1200); ctx.lineTo(canvas.width, 1200); ctx.stroke(); // Enemies enemies.forEach(enemy => { let assetId = enemy.type + '_curse'; if (enemy.type === 'sukuna_3') assetId = 'sukuna_boss'; else if (enemy.type === 'mahito') assetId = enemy.armorPhase ? 'mahito_armor' : 'mahito_boss'; else if (enemy.type === 'sukuna_5') assetId = 'sukuna_5_fingers'; // Apply visual effects based on state ctx.save(); if (enemy.state === 'hit') { // Flash white when hit ctx.globalAlpha = 0.7; ctx.fillStyle = '#ffffff'; ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height); ctx.globalAlpha = 1; } else if (enemy.state === 'attacking') { // Pulse and lean forward when attacking const pulseScale = 1 + Math.sin(performance.now() / 100) * 0.05; ctx.translate(enemy.x + enemy.width / 2, enemy.y + enemy.height / 2); ctx.scale(pulseScale, pulseScale); ctx.translate(-(enemy.x + enemy.width / 2), -(enemy.y + enemy.height / 2)); // Draw attack aura ctx.fillStyle = 'rgba(255, 100, 100, 0.3)'; ctx.beginPath(); ctx.arc(enemy.x + enemy.width / 2, enemy.y + enemy.height / 2, enemy.width * 0.7, 0, Math.PI * 2); ctx.fill(); } else if (enemy.state === 'moving') { // Subtle bob animation for walking const bobAmount = Math.sin(performance.now() / 200) * 4; ctx.translate(0, bobAmount); } drawImage(assetId, enemy.x, enemy.y, enemy.width, enemy.height, true); ctx.restore(); // Curse name label const curseNames = { 'basic': 'Basic Curse', 'fast': 'Fast Curse', 'tank': 'Tank Curse', 'swarm': 'Swarm Curse', 'sukuna_3': 'Sukuna (3 Fingers)', 'mahito': 'Mahito', 'sukuna_5': 'Sukuna (5 Fingers)' }; ctx.fillStyle = '#ffffff'; ctx.font = 'bold 14px Arial'; ctx.textAlign = 'center'; ctx.shadowColor = 'rgba(0, 0, 0, 0.8)'; ctx.shadowBlur = 4; ctx.shadowOffsetX = 0; ctx.shadowOffsetY = 2; ctx.fillText(curseNames[enemy.type] || enemy.type, enemy.x + enemy.width / 2, enemy.y - 35); ctx.shadowColor = 'transparent'; // State indicator with cooldown let stateText = ''; let stateColor = '#ffff00'; if (enemy.state === 'moving') { stateText = '→ Moving'; stateColor = '#00ff00'; } else if (enemy.state === 'attacking') { if (enemy.attackCooldown > 0) { stateText = `⚔ Cooldown: ${enemy.attackCooldown.toFixed(1)}s`; stateColor = '#ffaa00'; } else { stateText = '⚔ ATTACKING!'; stateColor = '#ff0000'; } } else if (enemy.state === 'hit') { stateText = '💥 Hit!'; stateColor = '#ff00ff'; } if (stateText) { ctx.fillStyle = stateColor; ctx.font = 'bold 12px Arial'; ctx.fillText(stateText, enemy.x + enemy.width / 2, enemy.y - 20); } // Health bar const barWidth = enemy.width; const barHeight = 8; const barY = enemy.y - 15; ctx.fillStyle = '#330000'; ctx.fillRect(enemy.x, barY, barWidth, barHeight); ctx.fillStyle = (enemy.type === 'sukuna_3' || enemy.type === 'sukuna_5' || enemy.type === 'mahito') ? '#ff0000' : '#00ff00'; ctx.fillRect(enemy.x, barY, barWidth * (enemy.health / enemy.maxHealth), barHeight); ctx.strokeStyle = '#ffffff'; ctx.lineWidth = 2; ctx.strokeRect(enemy.x, barY, barWidth, barHeight); // Edit mode selection if (gameMode === 'edit' && selectedObject && selectedObject.type === 'enemy' && selectedObject.id === enemy) { ctx.strokeStyle = '#ffff00'; ctx.lineWidth = 3; ctx.strokeRect(enemy.x - 5, enemy.y - 5, enemy.width + 10, enemy.height + 10); } }); // Effects effects.forEach(effect => { const alpha = 1 - (effect.timer / effect.duration); ctx.globalAlpha = alpha; if (effect.type === 'sukuna_slash') { // Draw Sukuna's slash animation ctx.save(); const progress = effect.timer / effect.duration; const slashLength = 200 * (1 - progress); // Draw red slash lines ctx.strokeStyle = `rgba(255, 0, 0, ${0.8 * alpha})`; ctx.lineWidth = 8; ctx.lineCap = 'round'; ctx.lineJoin = 'round'; // Main slash ctx.beginPath(); ctx.moveTo(effect.x - slashLength, effect.y - slashLength); ctx.lineTo(effect.x + slashLength, effect.y + slashLength); ctx.stroke(); // Secondary slash for more impact ctx.strokeStyle = `rgba(255, 100, 0, ${0.6 * alpha})`; ctx.lineWidth = 5; ctx.beginPath(); ctx.moveTo(effect.x - slashLength * 0.7, effect.y + slashLength * 0.7); ctx.lineTo(effect.x + slashLength * 0.7, effect.y - slashLength * 0.7); ctx.stroke(); // Glow effect ctx.strokeStyle = `rgba(255, 200, 0, ${0.4 * alpha})`; ctx.lineWidth = 12; ctx.beginPath(); ctx.moveTo(effect.x - slashLength, effect.y - slashLength); ctx.lineTo(effect.x + slashLength, effect.y + slashLength); ctx.stroke(); ctx.restore(); } else if (effect.type === 'black_flash_spark') { // Draw black and red lightning sparks with enhanced visuals ctx.save(); const progress = effect.timer / effect.duration; const length = 50 * (1 - progress); const endX = effect.x + Math.cos(effect.angle) * length; const endY = effect.y + Math.sin(effect.angle) * length; // Draw outer glow (larger, more visible) ctx.strokeStyle = effect.color === '#000000' ? 'rgba(0, 0, 0, 0.4)' : 'rgba(255, 0, 0, 0.4)'; ctx.lineWidth = 12; ctx.lineCap = 'round'; ctx.lineJoin = 'round'; ctx.beginPath(); ctx.moveTo(effect.x, effect.y); ctx.lineTo(endX, endY); ctx.stroke(); // Draw main lightning bolt ctx.strokeStyle = effect.color; ctx.lineWidth = 5; ctx.beginPath(); ctx.moveTo(effect.x, effect.y); ctx.lineTo(endX, endY); ctx.stroke(); // Draw bright core ctx.strokeStyle = effect.color === '#000000' ? '#333333' : '#ffff00'; ctx.lineWidth = 2; ctx.beginPath(); ctx.moveTo(effect.x, effect.y); ctx.lineTo(endX, endY); ctx.stroke(); // Draw radiating particles ctx.fillStyle = effect.color === '#000000' ? 'rgba(0, 0, 0, 0.6)' : 'rgba(255, 100, 0, 0.6)'; for (let p = 0; p < 3; p++) { const pAngle = effect.angle + (Math.random() - 0.5) * 0.5; const pDist = length * (0.3 + p * 0.3); const px = effect.x + Math.cos(pAngle) * pDist; const py = effect.y + Math.sin(pAngle) * pDist; const size = 3 - p; ctx.beginPath(); ctx.arc(px, py, size, 0, Math.PI * 2); ctx.fill(); } ctx.restore(); } else { const size = 120 * effect.scale; drawImage(effect.type, effect.x - size / 2, effect.y - size / 2, size, size); } ctx.globalAlpha = 1; }); // Player let playerAsset = 'yuji_idle'; if (player.state === 'punch') playerAsset = 'yuji_punch'; else if (player.state === 'divergent') playerAsset = 'yuji_divergent_fist'; else if (player.state === 'walk') playerAsset = 'yuji_walk'; drawImage(playerAsset, player.x, player.y, player.width, player.height, !player.facingRight); // Draw attack range indicator (only in edit mode or when attacking) if (gameMode === 'edit' || player.state === 'punch' || player.state === 'divergent') { const rangeDistance = player.state === 'punch' ? 120 : player.state === 'divergent' ? 180 : 120; ctx.strokeStyle = player.state === 'divergent' ? 'rgba(59, 130, 246, 0.3)' : 'rgba(245, 158, 11, 0.3)'; ctx.lineWidth = 2; ctx.setLineDash([5, 5]); ctx.beginPath(); ctx.arc(player.x + player.width, player.y + player.height / 2, rangeDistance, 0, Math.PI * 2); ctx.stroke(); ctx.setLineDash([]); } // Draw Black Flash indicator if (blackFlashActive && blackFlashTimer > 0) { const pulseAmount = Math.sin(performance.now() / 80) * 0.5 + 0.5; // Draw multiple pulsing rings for (let ring = 0; ring < 3; ring++) { const ringAlpha = Math.max(0, 1 - (ring * 0.3)); ctx.strokeStyle = `rgba(0, 0, 0, ${0.4 * ringAlpha * pulseAmount})`; ctx.lineWidth = 3; ctx.beginPath(); ctx.arc(player.x + player.width / 2, player.y + player.height / 2, 60 + ring * 30, 0, Math.PI * 2); ctx.stroke(); } // Draw inner black aura ctx.fillStyle = `rgba(0, 0, 0, ${0.25 * pulseAmount})`; ctx.beginPath(); ctx.arc(player.x + player.width / 2, player.y + player.height / 2, 70 * pulseAmount, 0, Math.PI * 2); ctx.fill(); // Draw red outer glow ctx.fillStyle = `rgba(255, 0, 0, ${0.15 * pulseAmount})`; ctx.beginPath(); ctx.arc(player.x + player.width / 2, player.y + player.height / 2, 100 * pulseAmount, 0, Math.PI * 2); ctx.fill(); // Black Flash text - much larger and more dramatic ctx.fillStyle = `rgba(0, 0, 0, ${0.8 + pulseAmount * 0.2})`; ctx.font = 'bold 48px Arial'; ctx.textAlign = 'center'; ctx.shadowColor = 'rgba(255, 0, 0, 0.8)'; ctx.shadowBlur = 20; ctx.shadowOffsetX = 0; ctx.shadowOffsetY = 0; ctx.fillText('BLACK FLASH!', player.x + player.width / 2, player.y - 80); // Add red outline text ctx.strokeStyle = `rgba(255, 0, 0, ${pulseAmount})`; ctx.lineWidth = 2; ctx.strokeText('BLACK FLASH!', player.x + player.width / 2, player.y - 80); ctx.shadowColor = 'transparent'; } // Edit mode selection if (gameMode === 'edit' && selectedObject && selectedObject.type === 'player') { ctx.strokeStyle = '#ffff00'; ctx.lineWidth = 3; ctx.strokeRect(player.x - 5, player.y - 5, player.width + 10, player.height + 10); } ctx.restore(); } // Input handling function setupInputHandlers() { // Keyboard window.addEventListener('keydown', (e) => { // Admin panel shortcut (Ctrl+Shift+A) - Desktop only if (!isTouchDevice && e.ctrlKey && e.shiftKey && (e.key === 'a' || e.key === 'A')) { e.preventDefault(); openAdminModal(); return; } if (gameState !== 'playing') return; if (e.key === 'a' || e.key === 'A' || e.key === 'ArrowLeft') input.left = true; if (e.key === 'd' || e.key === 'D' || e.key === 'ArrowRight') input.right = true; if (e.key === ' ') { input.punch = true; e.preventDefault(); } if (e.key === 'Shift' || e.key === 'e' || e.key === 'E') input.divergent = true; }); window.addEventListener('keyup', (e) => { if (e.key === 'a' || e.key === 'A' || e.key === 'ArrowLeft') input.left = false; if (e.key === 'd' || e.key === 'D' || e.key === 'ArrowRight') input.right = false; if (e.key === ' ') input.punch = false; if (e.key === 'Shift' || e.key === 'e' || e.key === 'E') input.divergent = false; }); // Touch - Joystick const joystickContainer = document.querySelector('.joystick-container'); joystickContainer.addEventListener('touchstart', handleJoystickStart, { passive: false }); joystickContainer.addEventListener('touchmove', handleJoystickMove, { passive: false }); joystickContainer.addEventListener('touchend', handleJoystickEnd, { passive: false }); // Touch - Buttons UI.punchBtn.addEventListener('touchstart', (e) => { e.preventDefault(); if (gameState === 'playing') input.touch.punch = true; }); UI.punchBtn.addEventListener('touchend', (e) => { e.preventDefault(); input.touch.punch = false; }); UI.divergentBtn.addEventListener('touchstart', (e) => { e.preventDefault(); if (gameState === 'playing') input.touch.divergent = true; }); UI.divergentBtn.addEventListener('touchend', (e) => { e.preventDefault(); input.touch.divergent = false; }); // Mouse for edit mode canvas.addEventListener('click', handleClick); } function handleJoystickStart(e) { e.preventDefault(); if (gameState !== 'playing') return; const touch = e.touches[0]; const rect = e.currentTarget.getBoundingClientRect(); input.touch.joystick.active = true; input.touch.joystick.startX = rect.left + rect.width / 2; input.touch.joystick.startY = rect.top + rect.height / 2; } function handleJoystickMove(e) { e.preventDefault(); if (!input.touch.joystick.active) return; const touch = e.touches[0]; const dx = touch.clientX - input.touch.joystick.startX; const dy = touch.clientY - input.touch.joystick.startY; const distance = Math.sqrt(dx * dx + dy * dy); const maxDistance = 60; if (distance > 0) { input.touch.joystick.x = Math.max(-1, Math.min(1, dx / maxDistance)); input.touch.joystick.y = Math.max(-1, Math.min(1, dy / maxDistance)); } } function handleJoystickEnd(e) { e.preventDefault(); input.touch.joystick.active = false; input.touch.joystick.x = 0; input.touch.joystick.y = 0; } function handleClick(e) { if (gameMode !== 'edit') return; const rect = canvas.getBoundingClientRect(); const x = (e.clientX - rect.left) * (canvas.width / rect.width); const y = (e.clientY - rect.top) * (canvas.height / rect.height); // Check player click if (x >= player.x && x <= player.x + player.width && y >= player.y && y <= player.y + player.height) { selectedObject = { type: 'player' }; openPlayerEditor(); return; } // Check enemy click for (let enemy of enemies) { if (x >= enemy.x && x <= enemy.x + enemy.width && y >= enemy.y && y <= enemy.y + enemy.height) { selectedObject = { type: 'enemy', id: enemy }; openEnemyEditor(enemy); return; } } // Deselect selectedObject = null; lib.editMenu.close(); } function openPlayerEditor() { lib.editMenu.open({ name: 'Yuji Itadori', params: { 'Health': { key: 'gameConfig.player.health', type: 'slider', min: 50, max: 500, step: 10, onChange: (value) => { window.gameConfig.player.health = value; player.maxHealth = value; player.health = Math.min(player.health, value); } }, 'Punch Damage': { key: 'gameConfig.player.punchDamage', type: 'slider', min: 1, max: 50, step: 1, onChange: (value) => { window.gameConfig.player.punchDamage = value; } }, 'Divergent Fist Damage': { key: 'gameConfig.player.divergentDamage', type: 'slider', min: 10, max: 100, step: 5, onChange: (value) => { window.gameConfig.player.divergentDamage = value; } }, 'Punch Cooldown': { key: 'gameConfig.player.punchCooldown', type: 'slider', min: 0.1, max: 3, step: 0.1, onChange: (value) => { window.gameConfig.player.punchCooldown = value; } }, 'Divergent Cooldown': { key: 'gameConfig.player.divergentCooldown', type: 'slider', min: 1, max: 10, step: 0.5, onChange: (value) => { window.gameConfig.player.divergentCooldown = value; } }, 'Movement Speed': { key: 'gameConfig.player.speed', type: 'slider', min: 50, max: 400, step: 10, onChange: (value) => { window.gameConfig.player.speed = value; } } } }); } // Admin panel functions function openAdminModal() { document.getElementById('adminModal').classList.add('visible'); document.getElementById('adminPassword').focus(); } function closeAdminModal() { document.getElementById('adminModal').classList.remove('visible'); document.getElementById('adminPassword').value = ''; } function checkAdminPassword() { const password = document.getElementById('adminPassword').value; if (password === ADMIN_PASSWORD) { document.getElementById('adminModal').classList.remove('visible'); document.getElementById('adminPanelContent').style.display = 'flex'; document.getElementById('adminPanelContent').classList.add('visible'); adminPanelOpen = true; updateAdminPanel(); } else { alert('Incorrect password!'); document.getElementById('adminPassword').value = ''; } } function closeAdminPanel() { document.getElementById('adminPanelContent').classList.remove('visible'); setTimeout(() => { document.getElementById('adminPanelContent').style.display = 'none'; }, 300); adminPanelOpen = false; } function updateAdminPanel() { document.getElementById('adminCurrentWave').textContent = currentWave + 1; document.getElementById('adminWaveSlider').value = currentWave; document.getElementById('adminHealthValue').textContent = Math.floor(player.health); document.getElementById('adminHealthSlider').value = player.health; } function adminSetWave(waveIndex) { currentWave = parseInt(waveIndex); enemies = []; spawnWave(currentWave); UI.updateWave(currentWave, window.gameConfig.waves.length); document.getElementById('adminCurrentWave').textContent = currentWave + 1; } function adminSetHealth(healthValue) { player.health = parseInt(healthValue); document.getElementById('adminHealthValue').textContent = healthValue; UI.updateHealth(player.health, player.maxHealth); } function adminSpawnEnemy() { const enemyType = document.getElementById('adminEnemyType').value; spawnEnemy(enemyType); } function adminKillAllEnemies() { enemies = []; } function adminCompleteWave() { enemies = []; } function openEnemyEditor(enemy) { if (enemy.type === 'sukuna') { lib.editMenu.open({ name: 'Sukuna - King of Curses', params: { 'Health': { key: 'gameConfig.sukuna.health', type: 'slider', min: 100, max: 1000, step: 50, onChange: (value) => { window.gameConfig.sukuna.health = value; enemy.maxHealth = value; enemy.health = value; } }, 'Damage': { key: 'gameConfig.sukuna.damage', type: 'slider', min: 10, max: 100, step: 5, onChange: (value) => { window.gameConfig.sukuna.damage = value; enemy.damage = value; } }, 'Speed': { key: 'gameConfig.sukuna.speed', type: 'slider', min: 50, max: 300, step: 10, onChange: (value) => { window.gameConfig.sukuna.speed = value; enemy.speed = value; } } } }); } else { const curseConfig = window.gameConfig.curseTypes[enemy.type]; lib.editMenu.open({ name: enemy.type.charAt(0).toUpperCase() + enemy.type.slice(1) + ' Curse', params: { 'Health': { key: `gameConfig.curseTypes.${enemy.type}.health`, type: 'slider', min: 10, max: 200, step: 5, onChange: (value) => { curseConfig.health = value; enemy.maxHealth = value; enemy.health = value; } }, 'Speed': { key: `gameConfig.curseTypes.${enemy.type}.speed`, type: 'slider', min: 20, max: 300, step: 10, onChange: (value) => { curseConfig.speed = value; enemy.speed = value; } }, 'Damage': { key: `gameConfig.curseTypes.${enemy.type}.damage`, type: 'slider', min: 1, max: 50, step: 1, onChange: (value) => { curseConfig.damage = value; enemy.damage = value; } }, 'Size': { key: `gameConfig.curseTypes.${enemy.type}.size`, type: 'slider', min: 0.5, max: 2.0, step: 0.1, onChange: (value) => { curseConfig.size = value; const baseHeight = enemy.type === 'tank' ? 180 : enemy.type === 'swarm' ? 60 : 100; const dims = getImageDimensions(enemy.type + '_curse', baseHeight * value); enemy.width = dims.width; enemy.height = dims.height; } } } }); } } function updateDamageIndicators(dt) { damageIndicators.forEach(indicator => { indicator.timer += dt; indicator.x += indicator.vx * dt; indicator.y += indicator.vy * dt; }); damageIndicators = damageIndicators.filter(d => d.timer < d.duration); } // Game loop function gameLoop(currentTime) { const dt = Math.min((currentTime - lastTime) / 1000, 0.11); lastTime = currentTime; if (gameMode === 'play') { if (gameState === 'playing') { updatePlayer(dt); updateProjectiles(dt); updateEnemies(dt); updateEffects(dt); updateDamageIndicators(dt); updateScreenShake(dt); } } render(); gameLoopId = requestAnimationFrame(gameLoop); } // Main run function function run(mode) { lib.log('run() called. Mode: ' + mode); gameMode = mode; // Show game parameters lib.showGameParameters({ name: 'Game Settings', params: { 'Music Volume': { key: 'musicVolume', type: 'slider', min: 0, max: 1, step: 0.1, onChange: (value) => { musicVolume = value; if (currentMusic) { currentMusic.gainNode.gain.value = value; } } } } }); // Load assets UI.loadingScreen.style.display = 'flex'; preloadAssets().then(() => { setTimeout(() => { UI.loadingScreen.classList.add('hidden'); }, 500); // Initialize game state player.health = window.gameConfig.player.health; player.maxHealth = window.gameConfig.player.health; // Setup input setupInputHandlers(); // Show/hide touch controls if (!isTouchDevice) { UI.hudBottom.classList.add('hidden'); } if (mode === 'play') { // Start game gameState = 'playing'; currentWave = 0; UI.updateWave(currentWave, window.gameConfig.waves.length); UI.updateHealth(player.health, player.maxHealth); spawnWave(currentWave); playMusic('battle_music'); } else { // Edit mode - spawn first wave for preview gameState = 'edit'; currentWave = 0; spawnWave(currentWave); } // Start game loop lastTime = performance.now(); gameLoop(lastTime); }); } // Expose run function window.run = run;

Cursed Gauntlet - Free Online Game on Astrocade