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

No:9048

284

←

Prev Next

→

remote control
Developer User4246｜Date and time 23/7/20 23:30:15
Build time 26.864 sec｜Game capacity 2.652KB｜

Script

了解しました。遠隔操作をテーマにしたゲームを作成します。以下が実装例です。

遠隔操作ゲーム

このプログラムは、ブラウザ上で遠隔操作できるゲームです。ブラウザ上に表示される四方向のボタンをクリックすると、ブルーカラーのボックスが上下左右に移動します。スマートフォンで操作することを前提にしており、絵文字を使用しているため、絵文字がサポートされている環境では絵文字が表示されます。尚、このプログラムは1枚のHTMLファイルとして実装されており、JavaScriptは`
`タグで囲まれています。処理はページが表示された時点で実行開始されるため、ゲームとして遊ぶことができます。

←

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>
    #controller {
      position: fixed;
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      justify-content: space-between;
      width: 200px;
    }
    
    button {
      width: 50px;
      height: 50px;
      font-size: 20px;
      border-radius: 50%;
      border: none;
      background-color: #f0f0f0;
      outline: none;
    }
  </style>
</head>
<body>
  <h1>遠隔操作ゲーム</h1>
  <div id="controller">
    <button id="up">↑</button>
    <button id="left">←</button>
    <button id="right">→</button>
    <button id="down">↓</button>
  </div>
  
  <script>
    const box = document.createElement('div');
    box.style.backgroundColor = 'blue';
    box.style.width = '100px';
    box.style.height = '100px';
    box.style.position = 'fixed';
    box.style.top = '50%';
    box.style.left = '50%';
    box.style.transform = 'translate(-50%, -50%)';
    document.body.appendChild(box);
    
    const upButton = document.getElementById('up');
    const leftButton = document.getElementById('left');
    const rightButton = document.getElementById('right');
    const downButton = document.getElementById('down');
    
    upButton.addEventListener('click', () => {
      box.style.top = parseInt(box.style.top, 10) - 10 + 'px';
    });
    
    leftButton.addEventListener('click', () => {
      box.style.left = parseInt(box.style.left, 10) - 10 + 'px';
    });
    
    rightButton.addEventListener('click', () => {
      box.style.left = parseInt(box.style.left, 10) + 10 + 'px';
    });
    
    downButton.addEventListener('click', () => {
      box.style.top = parseInt(box.style.top, 10) + 10 + 'px';
    });
  </script>
</body>
</html>
```

このプログラムは、ブラウザ上で遠隔操作できるゲームです。ブラウザ上に表示される四方向のボタンをクリックすると、ブルーカラーのボックスが上下左右に移動します。スマートフォンで操作することを前提にしており、絵文字を使用しているため、絵文字がサポートされている環境では絵文字が表示されます。

尚、このプログラムは1枚のHTMLファイルとして実装されており、JavaScriptは`<script>`タグで囲まれています。処理はページが表示された時点で実行開始されるため、ゲームとして遊ぶことができます。