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

No:8300

283

←

Prev Next

→

cute game
Developer User3092｜Date and time 23/7/14 23:23:34
Build time 22.75 sec｜Game capacity 2.795KB｜

Script

了解しました。かわちいゲームを作成します。

かわちいゲーム

このゲームでは、プレイヤーが制御できるキャラクターを操作し、目標のアイテムに触れることでスコアを稼ぎます。プレイヤーは矢印キーを使用して移動します。目標のアイテムに触れると、新しい場所にランダムに再設定されます。以上が、かわちいゲームの実装例です。お楽しみください！

←

Prev　Next

→ 　

Back　

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

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

了解しました。かわちいゲームを作成します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>かわちいゲーム</title>
</head>
<body>
    <h1>かわちいゲーム</h1>
    <canvas id="gameCanvas" width="500" height="500"></canvas>

// プレイヤーの情報
        let player = {
            x: 225,
            y: 225,
            size: 50,
            speed: 5
        };

// 目標の情報
        let target = {
            x: Math.floor(Math.random() * 450),
            y: Math.floor(Math.random() * 450),
            size: 50
        };

// ゲームのメインループ
        function gameLoop() {
            // キャンバスをクリア
            context.clearRect(0, 0, canvas.width, canvas.height);

// プレイヤーを描画
            context.fillStyle = "😺";
            context.fillRect(player.x, player.y, player.size, player.size);

// 目標を描画
            context.fillStyle = "🎯";
            context.fillRect(target.x, target.y, target.size, target.size);

// プレイヤーの移動
            document.addEventListener("keydown", function(event) {
                if (event.key === "ArrowUp") {
                    player.y -= player.speed;
                } else if (event.key === "ArrowDown") {
                    player.y += player.speed;
                } else if (event.key === "ArrowLeft") {
                    player.x -= player.speed;
                } else if (event.key === "ArrowRight") {
                    player.x += player.speed;
                }
            });

// プレイヤーが目標に触れたら目標を再設定
            if (player.x < target.x + target.size &&
                player.x + player.size > target.x &&
                player.y < target.y + target.size &&
                player.y + player.size > target.y) {
                target.x = Math.floor(Math.random() * 450);
                target.y = Math.floor(Math.random() * 450);
            }

// ゲームループを再帰的に呼び出し
            requestAnimationFrame(gameLoop);
        }

// ゲームを開始
        gameLoop();
    </script>
</body>
</html>
```

このゲームでは、プレイヤーが制御できるキャラクターを操作し、目標のアイテムに触れることでスコアを稼ぎます。プレイヤーは矢印キーを使用して移動します。目標のアイテムに触れると、新しい場所にランダムに再設定されます。

以上が、かわちいゲームの実装例です。お楽しみください！