AI game creator

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

No:4973

738

←

Prev Next

→

cave painting
Developer User3694｜Date and time 23/6/29 3:00:02
Build time 30.302 sec｜Game capacity 3.46KB｜

Script

了解しました。以下に、スマートフォンで遊べる簡単なゲームの例を示します。

このゲームでは、スマートフォンの画面上でプレイヤー（🧡）を操作して宝箱（💰）を見つけることが目的です。プレイヤーは矢印キーで上下左右に移動することができます。プレイヤーが宝箱に触れると、おめでとうのアラートが表示され、ゲームがリセットされます。注意：このコードは動作環境によっては正しく動作しない場合があります。動作させるためには、HTMLファイルとして保存して、ブラウザで開く必要があります。また、絵文字が正しく表示されない場合は、フォントの設定などの問題が考えられます。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

了解しました。以下に、スマートフォンで遊べる簡単なゲームの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
<title>洞窟壁画ゲーム</title>
<style>
    #canvas {
        width: 100%;
        height: 100vh;
    }
</style>
</head>
<body>
<canvas id="canvas"></canvas>

const player = {
        x: 0,
        y: 0,
        size: 50,
        color: '🧡'
    };

const treasure = {
        x: Math.floor(Math.random() * canvas.width),
        y: Math.floor(Math.random() * canvas.height),
        size: 50,
        color: '💰'
    };

function drawPlayer() {
        ctx.fillStyle = player.color;
        ctx.font = player.size + 'px Arial';
        ctx.fillText(player.color, player.x, player.y);
    }

function drawTreasure() {
        ctx.fillStyle = treasure.color;
        ctx.font = treasure.size + 'px Arial';
        ctx.fillText(treasure.color, treasure.x, treasure.y);
    }

function detectCollision() {
        if (player.x < treasure.x + treasure.size &&
            player.x + player.size > treasure.x &&
            player.y < treasure.y + treasure.size &&
            player.y + player.size > treasure.y) {
            alert('おめでとうございます！宝箱を見つけました！');
            resetGame();
        }
    }

function resetGame() {
        player.x = Math.floor(Math.random() * (canvas.width - player.size));
        player.y = Math.floor(Math.random() * (canvas.height - player.size));
        treasure.x = Math.floor(Math.random() * canvas.width);
        treasure.y = Math.floor(Math.random() * canvas.height);
    }

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

document.addEventListener('keydown', movePlayer);

resetGame();
    draw();
</script>
</body>
</html>
```

このゲームでは、スマートフォンの画面上でプレイヤー（🧡）を操作して宝箱（💰）を見つけることが目的です。プレイヤーは矢印キーで上下左右に移動することができます。プレイヤーが宝箱に触れると、おめでとうのアラートが表示され、ゲームがリセットされます。

注意：このコードは動作環境によっては正しく動作しない場合があります。動作させるためには、HTMLファイルとして保存して、ブラウザで開く必要があります。また、絵文字が正しく表示されない場合は、フォントの設定などの問題が考えられます。