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

No:29603

←

Prev Next

→

像を倒せ‼︎蟹を投げつけて像を倒せ
Developer User14508｜Date and time 23/12/17 19:20:10
Build time 28.774 sec｜Game capacity 2.912KB｜

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>
    <div id="game-container" style="text-align: center;">
        <h2>操作方法</h2>
        <p>画面をタップすると、蟹を投げつけます。</p>
        <br>
        <img id="crab" src="🦀" alt="蟹" style="font-size: 100px;">
        <br><br>
        <img id="elephant" src="🐘" alt="像" style="font-size: 100px;">
    </div>

function throwCrab() {
            // 像の位置
            var elephant = document.getElementById("elephant");
            var elephantPosition = elephant.getBoundingClientRect();

// 蟹の位置
            var crab = document.getElementById("crab");
            var crabPosition = crab.getBoundingClientRect();

// 蟹の初期位置と速度を設定する
            crab.style.position = "absolute";
            crab.style.left = crabPosition.left + "px";
            crab.style.top = crabPosition.top + "px";
            var crabSpeed = 10; // 蟹の速度

// 蟹を動かす
            var crabInterval = setInterval(moveCrab, 20);
            
            function moveCrab() {
                // 蟹の位置を更新する
                crabPosition = crab.getBoundingClientRect();
                crab.style.left = crabPosition.left + crabSpeed + "px";
                
                // 像との衝突判定
                if (crabPosition.right >= elephantPosition.left) {
                    clearInterval(crabInterval); // 蟹の移動を停止する
                    alert("像を倒しました！");
                    location.reload(); // ゲームをリセットする
                }
                
                // 画面外に出た場合の処理
                if (crabPosition.right >= window.innerWidth) {
                  clearInterval(crabInterval); // 蟹の移動を停止する
                  alert("失敗…"); 
                  location.reload(); // ゲームをリセットする
                }
            }
        }
    </script>
</body>
</html>
```