A game where you will meet different animals. Each animal will have different attack mechanisms. You can fight other animals or capture it's game

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

No:44995

←

Prev Next

→

A game where you will meet different animals. Each..ALL
Developer User19440｜Date and time 24/2/19 23:21:41
Build time 8.63 sec｜Game capacity 2.61KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Animal Battle Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

const player = {
            x: 50,
            y: 50,
            size: 50,
            speed: 5,
            color: "blue"
        };

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

function drawAnimal(animal) {
            ctx.fillStyle = animal.color;
            ctx.fillRect(animal.x, animal.y, animal.size, animal.size);
        }

function update() {
            drawPlayer();
            for(let i = 0; i < animals.length; i++) {
                drawAnimal(animals[i]);
            }
        }

function movePlayer(e) {
            switch(e.key) {
                case "ArrowUp":
                    player.y -= player.speed;
                    break;
                case "ArrowDown":
                    player.y += player.speed;
                    break;
                case "ArrowLeft":
                    player.x -= player.speed;
                    break;
                case "ArrowRight":
                    player.x += player.speed;
                    break;
            }
            
            update();
        }

window.addEventListener("keydown", movePlayer);

setInterval(checkCollision, 1000);

</script>
</body>
</html>