AI game creator

Click here for free DL of the app version that can save data.

No:45838

106

←

Prev Next

→

Shooting Game
Developer User19723｜Date and time 24/2/21 19:44:55
Build time 6.465 sec｜Game capacity 1.447KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Shooting Game</title>
<style>
body { 
text-align: center; 
}
canvas {
border: 1px solid black;
}
</style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>
<script>
const canvas = document.getElementById('gameCanvas');
const ctx = canvas.getContext('2d');

let playerX = canvas.width / 2;
let playerY = canvas.height - 50;

let playerWidth = 20;
let playerHeight = 20;

let isMovingLeft = false;
let isMovingRight = false;

document.addEventListener('keydown', (event) => {
if (event.key === 'ArrowLeft') {
isMovingLeft = true;
} else if (event.key === 'ArrowRight') {
isMovingRight = true;
}
});

document.addEventListener('keyup', (event) => {
if (event.key === 'ArrowLeft') {
isMovingLeft = false;
} else if (event.key === 'ArrowRight') {
isMovingRight = false;
}
});

if (playerX < 0) {
playerX = 0;
} else if (playerX + playerWidth > canvas.width) {
playerX = canvas.width - playerWidth;
}
}

function draw() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
drawPlayer();
updatePlayer();
window.requestAnimationFrame(draw);
}

draw();
</script>
</body>
</html>