AI game creator

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

No:12507

101

←

Prev Next

→

ぱ
Developer User5090｜Date and time 23/8/18 22:28:14
Build time 19.007 sec｜Game capacity 1.987KB｜

Script

了解しました。それでは以下に、1枚の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>Emoji Jump</title>
  <style>
    html, body {
      height: 100%;
      margin: 0;
      padding: 0;
    }
    
    #player {
      position: absolute;
      bottom: 0;
      left: 50%;
      font-size: 3rem;
      transform: translateX(-50%);
    }
    
    .platform {
      position: absolute;
      bottom: 0;
      width: 10%;
      height: 2rem;
      background-color: gray;
    }
  </style>
</head>
<body>
  
  <script>
    const player = document.getElementById('player');

let jumpHeight = 0;

function jump() {
      jumpHeight += 10;
      player.style.bottom = jumpHeight + 'px';

if (jumpHeight > 200) {
        clearInterval(jumpInterval);
        jumpInterval = setInterval(fall, 20);
      }
    }

function fall() {
      jumpHeight -= 10;
      player.style.bottom = jumpHeight + 'px';

if (jumpHeight <= 0) {
        clearInterval(jumpInterval);
        jumpInterval = setInterval(jump, 20);
      }
    }

setInterval(jump, 20);
  </script>

</body>
</html>
```