AI game creator

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

No:12542

154

←

Prev Next

→

active suspension
Developer User1006｜Date and time 23/8/19 11:31:07
Build time 13.974 sec｜Game capacity 1.706KB｜

Script

了解しました。以下にHTMLファイル内にJavaScriptを含むサンプルコードを示します。このコードは簡単なゲームの実装例です。

⚽️

上記のコードでは、スマホの傾きに応じてボールが上下に移動するアクティブサスペンションゲームが実装されています。`<span>`要素内には絵文字のサッカーボールが表示されており、`mousemove` イベントを使ってスマホの加速度を取得し、ボールの位置を更新しています。スマホを上下に傾けるとボールが跳ねる様子が表示されるようになっています。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

了解しました。以下にHTMLファイル内にJavaScriptを含むサンプルコードを示します。このコードは簡単なゲームの実装例です。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>アクティブサスペンションゲーム</title>
  <style>
    #game {
      width: 100%;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 50px;
    }
    #ball {
      font-size: 30px;
      animation: bounce 1s infinite alternate;
    }
    @keyframes bounce {
      from {
        transform: translate(0, 0);
      }
      to {
        transform: translate(0, -100px);
      }
    }
  </style>
</head>
<body>
<div id="game">
  <span id="ball">⚽️</span>
</div>

上記のコードでは、スマホの傾きに応じてボールが上下に移動するアクティブサスペンションゲームが実装されています。`<span>`要素内には絵文字のサッカーボールが表示されており、`devicemotion` イベントを使ってスマホの加速度を取得し、ボールの位置を更新しています。スマホを上下に傾けるとボールが跳ねる様子が表示されるようになっています。