ミミズからにげる's game

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

No:30409

←

Prev Next

→

ミミズからにげる
Developer User14760｜Date and time 23/12/21 14:09:44
Build time 14.525 sec｜Game capacity 1.623KB｜

Script

了解しました。以下にJavaScriptを含むHTMLファイルのサンプルを示します。このゲームでは、スマホの画面上でミミズが表示され、タップすることで逃げるようになっています。

🐛

このコードをHTMLファイルとして保存し、スマホで開けばミミズから逃げるゲームをプレイすることができます。

←

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>
    body {
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      background-color: #f4f4f4;
    }

#mimizu {
      font-size: 50px;
      user-select: none;
    }
  </style>
</head>
<body>
  <div id="mimizu">🐛</div>

// ボックスサイズ
    const boxWidth = 70;
    const boxHeight = 70;

// ミミズの初期位置
    let x = Math.random() * (screenWidth - boxWidth);
    let y = Math.random() * (screenHeight - boxHeight);

// ミミズを表示
    const mimizu = document.getElementById('mimizu');
    mimizu.style.left = x + 'px';
    mimizu.style.top = y + 'px';

// ミミズをクリックしたら逃げる
    mimizu.addEventListener('click', () => {
      x = Math.random() * (screenWidth - boxWidth);
      y = Math.random() * (screenHeight - boxHeight);
      mimizu.style.left = x + 'px';
      mimizu.style.top = y + 'px';
    });
  </script>
</body>
</html>
```

このコードをHTMLファイルとして保存し、スマホで開けばミミズから逃げるゲームをプレイすることができます。