AI game creator

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

No:4947

3569

←

Prev Next

→

siphon
Developer anonymous｜Date and time 70/1/1 9:22:30
Build time unknown sec｜Game capacity 1.35KB｜

Script

了解です。では、以下にサイフォンというシンプルなゲームを作ります。

Start

このゲームでは、画面上に表示されるStartというテキストをタップすることでスコアが加算され、背景色がランダムに変化します。タップする度にスコアが増えるため、これを継続して行うというゲームとなります。

←

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>
  <style>
    html, body {
      height: 100%;
      margin: 0;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    #circle {
      width: 200px;
      height: 200px;
      border-radius: 50%;
      background-color: #f00;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 48px;
      color: #fff;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="circle">Start</div>

circle.addEventListener("click", function() {
      score++;
      circle.innerHTML = score;
      changeColor();
    });

function changeColor() {
      var color = "#" + Math.floor(Math.random()*16777215).toString(16);
      circle.style.backgroundColor = color;
    }
  </script>
</body>
</html>
```