Stickman swordsman: battle or the disenfranchised's game

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

No:51994

100

←

Prev Next

→

Stickman swordsman: battle or the disenfranchised
Developer Winnerweiner2113｜Date and time 24/3/17 9:45:47
Build time 7.385 sec｜Game capacity 2.424KB｜

Script

try to pull the enemy and the hero will go up

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Stickman Swordsman: Battle of the Disenfranchised</title>
<style>
    body {
        margin: 0;
        padding: 0;
        background-color: #f0f0f0;
    }
    canvas {
        display: block;
        margin: 0 auto;
    }
</style>
</head>
<body>
<canvas id="gameCanvas" width="800" height="600"></canvas>

let player = {
        x: 50,
        y: canvas.height / 2,
        width: 50,
        height: 50,
        color: "blue",
        health: 100,
        speed: 5
    };

let enemy = {
        x: canvas.width - 100,
        y: canvas.height / 2,
        width: 50,
        height: 50,
        color: "red",
        health: 100,
        speed: 3
    };

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

// Draw player
        ctx.fillStyle = player.color;
        ctx.fillRect(player.x, player.y, player.width, player.height);

// Draw enemy
        ctx.fillStyle = enemy.color;
        ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
    }

function update() {
        // Move player with touch controls
        canvas.addEventListener("touchmove", function(event) {
            player.y = event.touches[0].clientY - canvas.getBoundingClientRect().top - player.height / 2;
        });

// Move enemy towards player
        if (enemy.x > player.x) {
            enemy.x -= enemy.speed;
        } else {
            enemy.x += enemy.speed;
        }

// Check for collision
        if (player.x < enemy.x + enemy.width &&
            player.x + player.width > enemy.x &&
            player.y < enemy.y + enemy.height &&
            player.y + player.height > enemy.y) {
            player.health -= 10;
            enemy.health -= 10;
        }

if (player.health <= 0) {
            alert("Game Over! Enemy wins!");
            location.reload();
        }

if (enemy.health <= 0) {
            alert("Game Over! Player wins!");
            location.reload();
        }
    }

function gameLoop() {
        update();
        draw();
        requestAnimationFrame(gameLoop);
    }

gameLoop();
</script>
</body>
</html> try to pull the enemy and the hero will go up