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

No:6716

184

←

Prev Next

→

Chicken and Vegetables! Best Taste! Tasteless and ..ALL
Developer User3589｜Date and time 23/7/3 8:39:53
Build time 30.839 sec｜Game capacity 3.173KB｜

Script

了解しました。以下に「チキンアンドベジタブル！」というゲームを実装したhtmlファイルを記述します。

チキンアンドベジタブル！

スマホ操作でプレイできるゲームです。チキン（🐔）とベジタブル（🥦）が降ってきます。チキンをタップしてください！

このゲームでは、チキンとベジタブルがキャンバス上に降ってきます。チキンをタップすると消えるようになっています。スマホで上記のhtmlファイルを開いてプレイすることができます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

了解しました。以下に「チキンアンドベジタブル！」というゲームを実装したhtmlファイルを記述します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>チキンアンドベジタブル！</title>
</head>
<body>
    <h1>チキンアンドベジタブル！</h1>
    <p>スマホ操作でプレイできるゲームです。チキン（🐔）とベジタブル（🥦）が降ってきます。チキンをタップしてください！</p>
    <canvas id="gameCanvas" width="300" height="500"></canvas>

// ゲームの変数
        var canvas;
        var canvasContext;
        var chickenEmoji = "🐔";
        var veggieEmoji = "🥦";
        var chickenX = 50;
        var chickenY = 50;
        var veggieX = 200;
        var veggieY = 200;

// ゲームの初期化
        function gameInit() {
            canvas = document.getElementById("gameCanvas");
            canvasContext = canvas.getContext("2d");

// メインループの呼び出し
            setInterval(gameLoop, 1000/30);
        }

// ゲームのメインループ
        function gameLoop() {
            moveEverything();
            drawEverything();
        }

// キャンバスのクリア
        function clearCanvas() {
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);
        }

// チキンとベジタブルの移動
        function moveEverything() {
            // チキンの移動
            if (chickenX < canvas.width) {
                chickenX += 5;
            } else {
                chickenX = 0;
            }

// ベジタブルの移動
            if (veggieY < canvas.height) {
                veggieY += 3;
            } else {
                veggieY = 0;
            }
        }

// チキンとベジタブルの描画
        function drawEverything() {
            clearCanvas();

// チキンの描画
            canvasContext.fillText(chickenEmoji, chickenX, chickenY);

// ベジタブルの描画
            canvasContext.fillText(veggieEmoji, veggieX, veggieY);
        }

// タップイベントの処理
        function handleTap(event) {
            var tapX = event.touches[0].pageX;
            var tapY = event.touches[0].pageY;

// タップされた位置がチキンの位置と近い場合、チキンを消す
            var distance = Math.sqrt(Math.pow(chickenX - tapX, 2) + Math.pow(chickenY - tapY, 2));
            if (distance < 30) {
                chickenX = -100;
                chickenY = -100;
            }
        }

// タップイベントのリスナー
        canvas.addEventListener("touchstart", handleTap);

// ゲームの初期化
        gameInit();
    </script>
</body>
</html>
```