Un juego de lucha,donde pelearemos con un mono,habrá un botón para moverse y otro para que golpee el jugador,y el mono será controlado por un bot,y intentará matarnos,si nosotros ganamos la lucha ganaremos,si nos mata el mono perderemos.'s game

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

No:40266

←

Prev Next

→

Un juego de lucha,donde pelearemos con un mono,hab..ALL
Developer User18058｜Date and time 24/2/2 7:20:50
Build time 10.884 sec｜Game capacity 2.987KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
</head>
<body>
 
<canvas id="myCanvas" width="480" height="320"></canvas>
 
<script>
    var canvas = document.getElementById("myCanvas");
    var ctx = canvas.getContext("2d");
 
    // Player variables
    var playerX = canvas.width/2;
    var playerY = canvas.height-30;
    var playerRadius = 20;
    var playerSpeed = 5;
 
    // Monkey variables
    var monkeyX = canvas.width/2;
    var monkeyY = 30;
    var monkeyRadius = 20;
    var monkeySpeed = 2;
 
    // Movement variables
    var rightPressed = false;
    var leftPressed = false;
 
    // Event listeners to handle button presses
    document.addEventListener("keydown", keyDownHandler, false);
    document.addEventListener("keyup", keyUpHandler, false);
     
    function keyDownHandler(event) {
        if(event.keyCode == 39) {
            rightPressed = true;
        }
        else if(event.keyCode == 37) {
            leftPressed = true;
        }
        else if(event.keyCode == 32) {
            // Attack button, call playerAttack function
            playerAttack();
        }
    }
     
    function keyUpHandler(event) {
        if(event.keyCode == 39) {
            rightPressed = false;
        }
        else if(event.keyCode == 37) {
            leftPressed = false;
        }
    }
 
    function playerAttack() {
        // Logic to handle player attack
        // ...
    }
 
    function drawPlayer() {
        // Draw player on canvas
        ctx.beginPath();
        ctx.arc(playerX, playerY, playerRadius, 0, Math.PI*2);
        ctx.fillStyle = "#0095DD";
        ctx.fill();
        ctx.closePath();
    }
 
    function drawMonkey() {
        // Draw monkey on canvas
        ctx.beginPath();
        ctx.arc(monkeyX, monkeyY, monkeyRadius, 0, Math.PI*2);
        ctx.fillStyle = "#FF0000";
        ctx.fill();
        ctx.closePath();
    }
 
    function draw() {
        // Clear the canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);
 
        // Move player based on button presses
        if(rightPressed && playerX < canvas.width-playerRadius) {
            playerX += playerSpeed;
        }
        else if(leftPressed && playerX > playerRadius) {
            playerX -= playerSpeed;
        }
 
        // Move monkey towards player
        if(monkeyX < playerX) {
            monkeyX += monkeySpeed;
        }
        else if(monkeyX > playerX) {
            monkeyX -= monkeySpeed;
        }
 
        // Check if player and monkey collide
        var distance = Math.sqrt((monkeyX - playerX) ** 2 + (monkeyY - playerY) ** 2);
        if (distance < monkeyRadius + playerRadius) {
            // Monkey caught the player, player loses
            clearInterval(gameInterval);
            alert("¡Perdiste! El mono te atrapó.");
        }
 
        // Draw the player and the monkey
        drawPlayer();
        drawMonkey();
    }
 
    // Start game loop
    var gameInterval = setInterval(draw, 10);
  
</script>
 
</body>
</html>