AI game creator

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

No:7516

2959

←

Prev Next

→

Generative Art
Developer User4048｜Date and time 23/7/8 11:26:30
Build time 26.052 sec｜Game capacity 4.651KB｜

Script

在下面是一个简单的示例游戏，同时满足所有要求：

这个示例游戏是一个简单的下落敌人避免游戏。玩家控制一个蓝色的球，通过鼠标移动球的位置，避免红色的敌人球接触到玩家球。玩家每避免一个敌人球，得分加一。如果敌人球接触到玩家球，游戏结束，并显示"Game Over"。游戏中使用了画布、上下文、对象、碰撞检测等基本的绘图和逻辑操作。请注意，这只是一个非常简单的示例游戏，可能不符合您对游戏的具体要求。如果您有更具体的游戏需求，请提供更具体的细节和要求，我将竭尽全力满足。

←

Prev　Next

→ 　

Back　

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

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

在下面是一个简单的示例游戏，同时满足所有要求：

```html
<!DOCTYPE html>
<html>
<head>
    <title>Generative Art Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="320" height="480"></canvas>

// 定义游戏状态
        let score = 0;
        let gameOver = false;

// 定义玩家对象
        const player = {
            x: canvas.width / 2,
            y: canvas.height - 30,
            radius: 15,
            color: "blue",
            
            draw() {
                ctx.beginPath();
                ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
                ctx.fillStyle = this.color;
                ctx.fill();
                ctx.closePath();
            }
        };

// 定义生成敌人的函数
        function generateEnemy() {
            const enemy = {
                x: Math.random() * canvas.width,
                y: 0,
                radius: 10,
                color: "red",
                speed: Math.random() * 4 + 2,

draw() {
                    ctx.beginPath();
                    ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
                    ctx.fillStyle = this.color;
                    ctx.fill();
                    ctx.closePath();
                },

update() {
                    this.y += this.speed;
                }
            };

return enemy;
        }

// 存储所有敌人的数组
        const enemies = [];

// 更新游戏状态和玩家位置
        function updateGame() {
            if (!gameOver) {
                clearCanvas();
                player.draw();
                updateEnemies();
                drawScore();

requestAnimationFrame(updateGame);
            }
        }

// 清除画布
        function clearCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        }

// 绘制得分
        function drawScore() {
            ctx.font = "18px Arial";
            ctx.fillStyle = "black";
            ctx.fillText("Score: " + score, 10, 30);
        }

// 更新敌人位置并检查碰撞
        function updateEnemies() {
            for (let i = 0; i < enemies.length; i++) {
                const enemy = enemies[i];
                enemy.update();
                enemy.draw();

if (isCollision(player, enemy)) {
                    gameOver = true;
                    showGameOver();
                }

// 移除超出画布的敌人
                if (enemy.y > canvas.height) {
                    enemies.splice(i, 1);
                    score++;
                }
            }

if (Math.random() < 0.03) {
                enemies.push(generateEnemy());
            }
        }

// 检查碰撞
        function isCollision(obj1, obj2) {
            const dx = obj1.x - obj2.x;
            const dy = obj1.y - obj2.y;
            const distance = Math.sqrt(dx * dx + dy * dy);

return distance < obj1.radius + obj2.radius;
        }

// 展示游戏结束消息
        function showGameOver() {
            ctx.font = "30px Arial";
            ctx.fillStyle = "black";
            ctx.fillText("Game Over", canvas.width / 2 - 90, canvas.height / 2);
        }

// 监听玩家移动
        document.addEventListener("mousemove", handleMouseMove);

function handleMouseMove(event) {
            const rect = canvas.getBoundingClientRect();
            const scaleX = canvas.width / rect.width;
            const scaleY = canvas.height / rect.height;

player.x = (event.clientX - rect.left) * scaleX;
        }

// 启动游戏
        updateGame();
    </script>
</body>
</html>
```

这个示例游戏是一个简单的下落敌人避免游戏。玩家控制一个蓝色的球，通过鼠标移动球的位置，避免红色的敌人球接触到玩家球。玩家每避免一个敌人球，得分加一。如果敌人球接触到玩家球，游戏结束，并显示"Game Over"。游戏中使用了画布、上下文、对象、碰撞检测等基本的绘图和逻辑操作。

请注意，这只是一个非常简单的示例游戏，可能不符合您对游戏的具体要求。如果您有更具体的游戏需求，请提供更具体的细节和要求，我将竭尽全力满足。