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

No:9367

142

←

Prev Next

→

cockroach
Developer User4337｜Date and time 23/7/23 23:38:50
Build time 20.248 sec｜Game capacity 2.918KB｜

Script

了解しました。以下にスマホ操作前提のゲームを実装したHTMLファイルの例を示します。

コックリさん

タップしてください

この例では、クリックやタッチイベントを使ってコックリさんゲームを実装しています。タップする前には「スタート」ボタンが表示され、その後は「コックリ！」と表示されたらタップすると、ハズレか成功かが表示されます。スクロールしないようにするため、`event.preventDefault()`を使用しています。また、`textContent`プロパティを使用してメッセージを表示しています。完成したゲームとしてプレイできます。このゲームは、スマホのブラウザで動作します。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下にスマホ操作前提のゲームを実装したHTMLファイルの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>コックリさん</title>
</head>
<body>
    <div id="container">
        <h1>コックリさん</h1>
        <p id="message">タップしてください</p>
        <button id="startButton">スタート</button>
    </div>

// スタートボタンのクリックイベントハンドラ
        document.getElementById("startButton").addEventListener("click", function() {
            isStarted = true;
            isCockle = false;
            document.getElementById("message").textContent = "コックリ！";
        });

// コックリさんのクリックイベントハンドラ
        document.getElementById("container").addEventListener("click", function() {
            if (isStarted) {
                if (isCockle) {
                    document.getElementById("message").textContent = "できた！もう一度やる？";
                } else {
                    document.getElementById("message").textContent = "ハズレ！もう一度やる？";
                }
                isStarted = false;
            }
        });

// タッチイベントの処理
        document.getElementById("container").addEventListener("touchstart", function(event) {
            event.preventDefault(); // タッチしたときにスクロールしないようにする
            if (isStarted) {
                isCockle = true;
            }
        });

この例では、クリックやタッチイベントを使ってコックリさんゲームを実装しています。タップする前には「スタート」ボタンが表示され、その後は「コックリ！」と表示されたらタップすると、ハズレか成功かが表示されます。

スクロールしないようにするため、`event.preventDefault()`を使用しています。また、`textContent`プロパティを使用してメッセージを表示しています。

完成したゲームとしてプレイできます。このゲームは、スマホのブラウザで動作します。