AI game creator

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

No:9277

108

←

Prev Next

→

Godzilla vs. Gamera
Developer User4246｜Date and time 23/7/23 2:51:25
Build time 17.336 sec｜Game capacity 1.926KB｜

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>ゴジラVSガメラ</title>
    <style>
        #container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 300px;
            height: 300px;
            border: 1px solid black;
            padding: 10px;
            font-size: 24px;
        }
        #godzilla, #gamera {
            width: 100px;
        }
        #godzilla {
            order: 1;
        }
        #gamera {
            order: 2;
        }
    </style>
</head>
<body>
    <div id="container">
        <div id="godzilla">🐉</div>
        <div id="gamera">🐢</div>
    </div>

window.addEventListener("deviceorientation", handleOrientation);

function handleOrientation(event) {
            let tiltLR = event.gamma; // 左右の傾き
            let tiltFB = event.beta; // 前後の傾き

godzilla.style.transform = `translate(${tiltLR}px, ${tiltFB}px)`;

if (tiltLR >= 80) {
                godzilla.innerText = "🐲";
                gamera.innerText = "💀";
            } else if (tiltLR <= -80) {
                godzilla.innerText = "💀";
                gamera.innerText = "🐢";
            } else {
                godzilla.innerText = "🐉";
                gamera.innerText = "🐢";
            }
        }
    </script>
</body>
</html>
```