Make a game that you just you are adult and you explore nothing but a blank playing with a few trees and enemies's game

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

No:50001

←

Prev Next

→

Make a game that you just you are adult and you ex..ALL
Developer User21217｜Date and time 24/3/7 13:46:35
Build time 8.322 sec｜Game capacity 2.706KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Adventure Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

const player = {
            x: 200,
            y: 200,
            speed: 5
        };

const trees = [
            { x: 50, y: 100 },
            { x: 250, y: 150 },
            { x: 100, y: 300 }
        ];

const enemies = [
            { x: 300, y: 50 },
            { x: 150, y: 250 }
        ];

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

function drawTree(tree) {
            ctx.fillStyle = "green";
            ctx.fillRect(tree.x, tree.y, 30, 30);
        }

function drawEnemy(enemy) {
            ctx.fillStyle = "red";
            ctx.fillRect(enemy.x, enemy.y, 20, 20);
        }

function movePlayer(event) {
            switch(event.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;
            }
            drawGame();
        }

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

drawPlayer();

trees.forEach(tree => drawTree(tree));

enemies.forEach(enemy => drawEnemy(enemy));

checkCollisions();
        }

function checkCollisions() {
            trees.forEach(tree => {
                if(player.x < tree.x + 30 && player.x + 20 > tree.x
                    && player.y < tree.y + 30 && player.y + 20 > tree.y) {
                        alert("You hit a tree! Game Over!");
                        document.removeEventListener("keydown", movePlayer);
                    }
            });

enemies.forEach(enemy => {
                if(player.x < enemy.x + 20 && player.x + 20 > enemy.x
                    && player.y < enemy.y + 20 && player.y + 20 > enemy.y) {
                        alert("You were caught by an enemy! Game Over!");
                        document.removeEventListener("keydown", movePlayer);
                    }
            });
        }

drawGame();

document.addEventListener("keydown", movePlayer);
    </script>
</body>
</html>
```