AI game creator

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

No:10741

←

Prev Next

→

Its Me! Mário!
Developer User4624｜Date and time 23/8/2 18:20:33
Build time 14.45 sec｜Game capacity 1.649KB｜

Script

では、以下に示す、スマホで遊べるシンプルなゲームの実装例を示します。

🐵

このプログラムは、スマホの画面上に表示される猿の絵文字🐵が、クリックすると別の絵文字🙊に変わり、画面内をランダムに移動するというゲームです。スコアがクリックした回数として表示され、絵文字が移動するたびにタイマーがリセットされます。このプログラムは1枚のHTMLファイルとして実装されており、JavaScriptは`
`タグで囲まれています。プログラムは実行開始され、完全なゲームとして遊ぶことができます。

←

Prev　Next

→ 　

Back　

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

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

では、以下に示す、スマホで遊べるシンプルなゲームの実装例を示します。

```
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <style>
      body {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
      }

#box {
        font-size: 5em;
      }
    </style>
  </head>
  <body>
    <div id="box" onclick="move()">
      🐵
    </div>

function move() {
        score++;
        document.getElementById("box").innerHTML = "🙊";

clearInterval(timer);
        timer = setInterval(animateBox, 1000);
      }

function animateBox() {
        var box = document.getElementById("box");
        var x = Math.floor(Math.random() * (window.innerWidth - box.offsetWidth));
        var y = Math.floor(Math.random() * (window.innerHeight - box.offsetHeight));

box.style.transform = "translate(" + x + "px, " + y + "px)";
      }

animateBox();
    </script>
  </body>
</html>
```

このプログラムは、スマホの画面上に表示される猿の絵文字🐵が、クリックすると別の絵文字🙊に変わり、画面内をランダムに移動するというゲームです。スコアがクリックした回数として表示され、絵文字が移動するたびにタイマーがリセットされます。

このプログラムは1枚のHTMLファイルとして実装されており、JavaScriptは`<script>`タグで囲まれています。プログラムは実行開始され、完全なゲームとして遊ぶことができます。