// Simple 2D walking movement (keyboard controlled)
// Uses WASD or Arrow Keys


let player = {
x: 100,
y: 100,
speed: 3
};


function update() {
if (keys['ArrowUp'] || keys['w']) player.y -= player.speed;
if (keys['ArrowDown'] || keys['s']) player.y += player.speed;
if (keys['ArrowLeft'] || keys['a']) player.x -= player.speed;
if (keys['ArrowRight'] || keys['d']) player.x += player.speed;
}


let keys = {};
window.addEventListener('keydown', e => keys[e.key] = true);
window.addEventListener('keyup', e => keys[e.key] = false);


function draw(ctx) {
ctx.clearRect(0, 0, 800, 600);
ctx.fillStyle = 'brown';
ctx.fillRect(player.x, player.y, 40, 40);
}


function gameLoop(ctx) {
update();
draw(ctx);
requestAnimationFrame(() => gameLoop(ctx));
}


// To start:
// const canvas = document.getElementById('game');
// const ctx = canvas.getContext('2d');
// gameLoop(ctx);