AI game creator

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

No:47296

145

←

Prev Next

→

Pixel wars
Developer User18896｜Date and time 24/2/28 0:26:24
Build time 9.675 sec｜Game capacity 1.17KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Pixel Wars</title>
<style>
canvas {
    border: 1px solid black;
    display: block;
    margin: 0 auto;
}
</style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>
<script>
let canvas = document.getElementById("gameCanvas");
let ctx = canvas.getContext("2d");

let player = {
    x: 200,
    y: 200,
    size: 20,
    speed: 5
};

function drawPlayer() {
    ctx.fillStyle = "red";
    ctx.fillRect(player.x, player.y, player.size, player.size);
}

function clearCanvas() {
    ctx.clearRect(0, 0, canvas.width, canvas.height);
}

function update() {
    clearCanvas();
    drawPlayer();
}

function movePlayer(x, y) {
    player.x += x * player.speed;
    player.y += y * player.speed;
    update();
}