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

No:5786

552

←

Prev Next

→

Breaking camera. A camera that pops out of a ghost..ALL
Developer User3589｜Date and time 23/6/30 19:54:23
Build time 20.513 sec｜Game capacity 1.874KB｜

Script

了解しました。以下は、HTMLファイルとして実装されたゲームの例です。

カメラを破る

クリックしてカメラを破ってゴーストを撃退しましょう！

この例では、スマホでの操作を前提とし、画面上のカメラをクリックすることでカメラを破壊し、ゴーストを撃退するゲームを作成しました。クリックするとカメラの画像が変わり、同時にゴーストの画像が表示されます。2秒後にゴーストの画像が削除され、撃退したことをアラートメッセージで通知します。また、ゴーストやカメラの画像はそれぞれのファイル名を指定しており、実際の画像ファイルがプロジェクト内に存在する必要があります。

←

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>
    <style>
        body {
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>カメラを破る</h1>
    <p>クリックしてカメラを破ってゴーストを撃退しましょう！</p>

function breakCamera() {
            camera.src = "broken_camera.png";
            camera.onclick = null;

var ghost = document.createElement("img");
            ghost.src = "ghost.png";
            ghost.alt = "ゴースト";
            ghost.style.position = "absolute";
            ghost.style.left = "50%";
            ghost.style.top = "50%";
            ghost.style.transform = "translate(-50%, -50%)";
            document.body.appendChild(ghost);

setTimeout(function() {
                document.body.removeChild(ghost);
                alert("ゴーストを撃退しました！");
            }, 2000);
        }
    </script>
</body>
</html>
```

この例では、スマホでの操作を前提とし、画面上のカメラをクリックすることでカメラを破壊し、ゴーストを撃退するゲームを作成しました。クリックするとカメラの画像が変わり、同時にゴーストの画像が表示されます。2秒後にゴーストの画像が削除され、撃退したことをアラートメッセージで通知します。

また、ゴーストやカメラの画像はそれぞれのファイル名を指定しており、実際の画像ファイルがプロジェクト内に存在する必要があります。