A Dashing game's game | AI game creator

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

No:52795

199

A Dashing game
Developer User22170｜Date and time 24/3/25 3:01:33
Build time 7.512 sec｜Game capacity 1.21KB｜

→ 　

0　

0　

　
　
　
　

[PR]現在の売れ筋グッズランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
<title>Dashing Game</title>
</head>
<body>
<div id="game-screen">
</div>
<script>
// Dashing game implementation using JavaScript

let gameScreen = document.getElementById('game-screen');
let player = {
    x: 50,
    y: 50,
    speed: 5
};

function drawPlayer() {
    gameScreen.innerHTML = '';
    gameScreen.innerHTML += `<img src="player.png" style="position: absolute; left: ${player.x}px; top: ${player.y}px; width: 50px; height: 50px;" />`;
}

function movePlayer(direction) {
    if (direction === 'up') {
        player.y -= player.speed;
    } else if (direction === 'down') {
        player.y += player.speed;
    } else if (direction === 'left') {
        player.x -= player.speed;
    } else if (direction === 'right') {
        player.x += player.speed;
    }
    drawPlayer();
}

document.addEventListener('keydown', function(event) {
    if (event.key === 'ArrowUp') {
        movePlayer('up');
    } else if (event.key === 'ArrowDown') {
        movePlayer('down');
    } else if (event.key === 'ArrowLeft') {
        movePlayer('left');
    } else if (event.key === 'ArrowRight') {
        movePlayer('right');
    }
});

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