A generative game that flies high in the sky! The generating game is designed to rise up to 9000px, and each tap raises it by 10px Also it is looping and paints faster with each loop.'s game | AI game creator

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

No:5783

695

A generative game that flies high in the sky! The ..ALL
Developer User3589｜Date and time 23/6/30 19:50:43
Build time 26.136 sec｜Game capacity 2.362KB｜

以下に、空高く飛んでいく生成ゲームのHTMLファイルの一例を示します。

このゲームでは、画面の下にプレイヤーキャラクターが表示され、タップするたびに10pxずつ上昇します。プレイヤーキャラクターは9000pxまで上昇し、その後はループして高速に上昇します。ゲームの操作は、スマートフォンのタッチ操作に対応しています。ゲーム画面をタップするとプレイヤーキャラクターが上昇し、タップを離すと上昇が停止します。ゲームの配色などは、黒い背景に黄色いプレイヤーキャラクターとして設定されていますが、必要に応じてカスタマイズすることができます。なお、本プログラムは必要なライブラリや画像ファイルなどの読み込みは行っていません。また、ゲームのルールや目的が明確ではないため、それに応じた追加実装が必要となります。

→ 　

0　

0　

[PR]現在のゲームギフトランキング

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

(C)2023 HisashiApp

以下に、空高く飛んでいく生成ゲームのHTMLファイルの一例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>空高く飛んでいく生成ゲーム</title>
  <style>
    #game {
      background: #000;
      position: relative;
      width: 100%;
      height: 100vh;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: flex-end;
    }
    #player {
      width: 50px;
      height: 50px;
      background: yellow;
      border-radius: 50%;
      position: absolute;
      bottom: 10px;
      transition: transform 0.1s;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="player"></div>
  </div>
  
  <script>
    let game = document.getElementById('game');
    let player = document.getElementById('player');
    let playerPosY = 10;
    let loopInterval;
    
    game.addEventListener('mousedown', startFlying);
    game.addEventListener('touchstart', startFlying);
    game.addEventListener('mouseup', stopFlying);
    game.addEventListener('touchend', stopFlying);
    
    function startFlying() {
      loopInterval = setInterval(fly, 100);
    }
    
    function stopFlying() {
      clearInterval(loopInterval);
    }
    
    function fly() {
      playerPosY -= 10;
      if (playerPosY < -9000) {
        playerPosY = 10;
      }
      player.style.transform = `translateY(${playerPosY}px)`;
    }
  </script>
</body>
</html>
```

このゲームでは、画面の下にプレイヤーキャラクターが表示され、タップするたびに10pxずつ上昇します。プレイヤーキャラクターは9000pxまで上昇し、その後はループして高速に上昇します。

ゲームの操作は、スマートフォンのタッチ操作に対応しています。ゲーム画面をタップするとプレイヤーキャラクターが上昇し、タップを離すと上昇が停止します。

ゲームの配色などは、黒い背景に黄色いプレイヤーキャラクターとして設定されていますが、必要に応じてカスタマイズすることができます。

なお、本プログラムは必要なライブラリや画像ファイルなどの読み込みは行っていません。また、ゲームのルールや目的が明確ではないため、それに応じた追加実装が必要となります。