Kennedy - Forest Battle RPG

Score

EDIT MODE - Click objects to edit

WASD or Arrow Keys to move

GAME OVER

Final Score

KENNEDY

Loading assets...

if (kennedy.health <= 0) { handleGameOver(); } } // Clamp to world bounds turtle.x = Math.max(30, Math.min(WORLD_SIZE - 30, turtle.x)); turtle.y = Math.max(30, Math.min(WORLD_SIZE - 30, turtle.y)); } } function updateParticles(deltaTime) { for (let i = particles.length - 1; i >= 0; i--) { const p = particles[i]; p.life -= deltaTime; p.x += p.vx * deltaTime; p.y += p.vy * deltaTime; p.vx *= 0.95; p.vy *= 0.95; if (p.life <= 0) { particles.splice(i, 1); } } } function createHitParticles(x, y) { for (let i = 0; i < 5; i++) { const angle = Math.random() * Math.PI * 2; const speed = 50 + Math.random() * 100; particles.push({ x: x, y: y, vx: Math.cos(angle) * speed, vy: Math.sin(angle) * speed, life: 0.3, maxLife: 0.3 }); } } function handleGameOver() { gameOver = true; gameRunning = false; playSound('game_over_sound'); finalScoreElement.textContent = score; gameOverScreen.classList.add('visible'); } // Render game function render() { // Clear canvas ctx.fillStyle = window.gameConfig.visual.backgroundTint; ctx.fillRect(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT); // Draw tiled ground if (assets['forest_ground']) { const groundSize = 512; const startX = Math.floor(camera.x / groundSize) * groundSize; const startY = Math.floor(camera.y / groundSize) * groundSize; for (let x = startX; x < camera.x + CANVAS_WIDTH + groundSize; x += groundSize) { for (let y = startY; y < camera.y + CANVAS_HEIGHT + groundSize; y += groundSize) { const screenX = x - camera.x; const screenY = y - camera.y; ctx.drawImage(assets['forest_ground'].img, screenX, screenY, groundSize, groundSize); } } } // Draw trees (behind characters) if (window.gameConfig.visual.showTrees) { for (let tree of trees) { const screenX = tree.x - camera.x; const screenY = tree.y - camera.y; if (screenX > -150 && screenX < CANVAS_WIDTH + 150 && screenY > -200 && screenY < CANVAS_HEIGHT + 200) { const size = 120 * tree.scale; drawImage('forest_tree', screenX, screenY, size, size * 1.25); } } } // Draw turtles for (let turtle of turtles) { const screenX = turtle.x - camera.x; const screenY = turtle.y - camera.y; const imageId = turtle.isAttacking ? 'turtle_attacking' : 'turtle_enemy'; drawImage(imageId, screenX, screenY, 60, 60, turtle.rotation); // Health bar if (turtle.health < turtle.maxHealth) { const barWidth = 50; const barHeight = 5; const healthPercent = turtle.health / turtle.maxHealth; ctx.fillStyle = '#ff0000'; ctx.fillRect(screenX - barWidth / 2, screenY - 40, barWidth, barHeight); ctx.fillStyle = '#00ff00'; ctx.fillRect(screenX - barWidth / 2, screenY - 40, barWidth * healthPercent, barHeight); } // Selection indicator in edit mode if (currentMode === 'edit' && selectedObject && selectedObject.type === 'turtle' && selectedObject.turtle === turtle) { ctx.strokeStyle = '#ffff00'; ctx.lineWidth = 3; ctx.beginPath(); ctx.arc(screenX, screenY, 40, 0, Math.PI * 2); ctx.stroke(); } } // Draw Kennedy const kennedyScreenX = kennedy.x - camera.x; const kennedyScreenY = kennedy.y - camera.y; const kennedyImageId = kennedy.isAttacking ? 'kennedy_attacking' : 'kennedy_character'; drawImage(kennedyImageId, kennedyScreenX, kennedyScreenY, 80, 80, kennedy.rotation); // Draw fire sword effect when attacking if (kennedy.isAttacking) { const swordDist = 50; const swordX = kennedyScreenX + Math.cos(kennedy.rotation) * swordDist; const swordY = kennedyScreenY + Math.sin(kennedy.rotation) * swordDist; drawImage('fire_sword_effect', swordX, swordY, 100, 100, kennedy.rotation); } // Selection indicator in edit mode if (currentMode === 'edit' && selectedObject && selectedObject.type === 'kennedy') { ctx.strokeStyle = '#ffff00'; ctx.lineWidth = 3; ctx.beginPath(); ctx.arc(kennedyScreenX, kennedyScreenY, 50, 0, Math.PI * 2); ctx.stroke(); } // Draw particles for (let p of particles) { const screenX = p.x - camera.x; const screenY = p.y - camera.y; const alpha = p.life / p.maxLife; ctx.save(); ctx.globalAlpha = alpha; drawImage('hit_particle', screenX, screenY, 24, 24); ctx.restore(); } // Draw analog stick on canvas (only in play mode and when active or on touch devices) if (currentMode === 'play' && (isTouchDevice || input.analogActive)) { drawAnalogStick(); } } function drawAnalogStick() { // Outer ring with gradient const gradient = ctx.createRadialGradient( ANALOG_STICK_POS.x, ANALOG_STICK_POS.y, 0, ANALOG_STICK_POS.x, ANALOG_STICK_POS.y, ANALOG_STICK_RADIUS ); gradient.addColorStop(0, 'rgba(255, 215, 0, 0.2)'); gradient.addColorStop(1, 'rgba(255, 215, 0, 0.4)'); ctx.fillStyle = gradient; ctx.beginPath(); ctx.arc(ANALOG_STICK_POS.x, ANALOG_STICK_POS.y, ANALOG_STICK_RADIUS, 0, Math.PI * 2); ctx.fill(); // Outer ring border with glow ctx.strokeStyle = 'rgba(255, 215, 0, 0.8)'; ctx.lineWidth = 3; ctx.shadowBlur = 15; ctx.shadowColor = 'rgba(255, 215, 0, 0.6)'; ctx.beginPath(); ctx.arc(ANALOG_STICK_POS.x, ANALOG_STICK_POS.y, ANALOG_STICK_RADIUS, 0, Math.PI * 2); ctx.stroke(); ctx.shadowBlur = 0; // Inner stick position const stickX = ANALOG_STICK_POS.x + input.analogX; const stickY = ANALOG_STICK_POS.y + input.analogY; // Inner stick with gradient const stickGradient = ctx.createRadialGradient( stickX, stickY, 0, stickX, stickY, ANALOG_STICK_RADIUS * 0.4 ); stickGradient.addColorStop(0, 'rgba(255, 215, 0, 0.9)'); stickGradient.addColorStop(1, 'rgba(255, 107, 53, 0.7)'); ctx.fillStyle = stickGradient; ctx.shadowBlur = 20; ctx.shadowColor = 'rgba(255, 215, 0, 0.8)'; ctx.beginPath(); ctx.arc(stickX, stickY, ANALOG_STICK_RADIUS * 0.4, 0, Math.PI * 2); ctx.fill(); ctx.shadowBlur = 0; // Direction indicator line if (input.analogX !== 0 || input.analogY !== 0) { ctx.strokeStyle = 'rgba(255, 215, 0, 0.5)'; ctx.lineWidth = 2; ctx.beginPath(); ctx.moveTo(ANALOG_STICK_POS.x, ANALOG_STICK_POS.y); ctx.lineTo(stickX, stickY); ctx.stroke(); } } // Game loop function gameLoop(timestamp) { if (!gameRunning) return; // Calculate delta time let deltaTime = (timestamp - lastTime) / 1000; lastTime = timestamp; // Cap delta time to prevent large jumps deltaTime = Math.min(deltaTime, 0.11); if (currentMode === 'play') { update(deltaTime); } render(); requestAnimationFrame(gameLoop); } // Start game function startGame() { initGameState(); gameRunning = true; lastTime = performance.now(); gameOverScreen.classList.remove('visible'); // Update UI visibility based on mode if (currentMode === 'play') { editModeIndicator.classList.remove('visible'); if (!isTouchDevice) { keyboardHint.classList.add('visible'); } } else { editModeIndicator.classList.add('visible'); keyboardHint.classList.remove('visible'); } // Start background music playSound('background_music', true); requestAnimationFrame(gameLoop); } // Restart button document.getElementById('restartButton').addEventListener('click', () => { startGame(); }); // Main run function async function run(mode) { lib.log('run() called. Mode: ' + mode); currentMode = mode; // Initialize game config initGameConfig(); // Detect device isTouchDevice = 'ontouchstart' in window; lib.log('Touch device: ' + isTouchDevice); // Preload assets await preloadAssets(); // Setup input setupInput(); // Show game parameters lib.showGameParameters({ name: 'Game Settings', params: { 'Kennedy Health': { key: 'gameConfig.kennedy.health', type: 'slider', min: 1, max: 5, step: 1, onChange: (value) => { window.gameConfig.kennedy.health = value; if (currentMode === 'play') { kennedy.maxHealth = value; kennedy.health = Math.min(kennedy.health, value); updateHeartsDisplay(); } } }, 'Kennedy Speed': { key: 'gameConfig.kennedy.speedMultiplier', type: 'slider', min: 0.5, max: 2, step: 0.1, onChange: (value) => { window.gameConfig.kennedy.speedMultiplier = value; } }, 'Attack Damage': { key: 'gameConfig.kennedy.attackDamage', type: 'slider', min: 1, max: 3, step: 1, onChange: (value) => { window.gameConfig.kennedy.attackDamage = value; } }, 'Attack Range': { key: 'gameConfig.kennedy.attackRange', type: 'slider', min: 80, max: 200, step: 10, onChange: (value) => { window.gameConfig.kennedy.attackRange = value; } }, 'Turtle Spawn Rate': { key: 'gameConfig.turtles.spawnRate', type: 'slider', min: 3, max: 15, step: 1, onChange: (value) => { window.gameConfig.turtles.spawnRate = value; } }, 'Max Turtles': { key: 'gameConfig.turtles.maxCount', type: 'slider', min: 5, max: 20, step: 1, onChange: (value) => { window.gameConfig.turtles.maxCount = value; } }, 'Turtle Speed': { key: 'gameConfig.turtles.speedMultiplier', type: 'slider', min: 0.5, max: 2, step: 0.1, onChange: (value) => { window.gameConfig.turtles.speedMultiplier = value; } }, 'Turtle Health': { key: 'gameConfig.turtles.health', type: 'slider', min: 1, max: 5, step: 1, onChange: (value) => { window.gameConfig.turtles.health = value; } }, 'Turtle Damage': { key: 'gameConfig.turtles.damage', type: 'slider', min: 1, max: 2, step: 1, onChange: (value) => { window.gameConfig.turtles.damage = value; } }, 'Background Tint': { key: 'gameConfig.visual.backgroundTint', type: 'color', onChange: (value) => { window.gameConfig.visual.backgroundTint = value; } }, 'Show Trees': { key: 'gameConfig.visual.showTrees', type: 'checkbox', onChange: (value) => { window.gameConfig.visual.showTrees = value; generateTrees(); } } } }); if (mode === 'play') { startGame(); } else { // Edit mode - just render once initGameState(); gameRunning = true; lastTime = performance.now(); editModeIndicator.classList.add('visible'); requestAnimationFrame(gameLoop); } } // Expose run function window.run = run;

Kennedy - Free Online Game on Astrocade