AI game creator

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

No:8697

116

←

Prev Next

→

Kettenkrath
Developer User4214｜Date and time 23/7/17 23:35:27
Build time 30.423 sec｜Game capacity 3.197KB｜

Script

了解しました。以下にケッテンクラートというゲームを実装したプログラムを示します。

このプログラムでは、ゲームのスタートボタンをクリックすると、画面に🐛が表示されます。🐛は一定の時間ごとにランダムな方向に移動し続けます。プレイヤーはキーボードの矢印キーを使って、上下方向の速さを変更したり、左右方向にスコアを追加・減少させることができます。このゲームでは、モバイルデバイスのタッチ操作にも対応しています。また、スコアの表示には絵文字を使用しています。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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>
    #container {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
    }
    #start-button {
      font-size: 2rem;
      padding: 0.5rem 1rem;
    }
    #score {
      font-size: 2rem;
    }
  </style>
</head>
<body>
  <div id="container">
    <button id="start-button">Start</button>
  </div>
  <div id="score"></div>

let gameInterval;
      let scoreValue = 0;

function startGame() {
        container.innerHTML = '🐛';

gameInterval = setInterval(moveWorm, 500);
        scoreValue = 0;
        score.innerHTML = `Score: ${scoreValue}`;

document.addEventListener('keydown', handleKeydown);
      }

function moveWorm() {
        const currentPosition = container.innerHTML;
        const randomDirection = Math.ceil(Math.random() * 4);
        let newPosition = '';

switch (randomDirection) {
          case 1:
            newPosition = String.fromCharCode(currentPosition.charCodeAt(0) + 1);
            break;
          case 2:
            newPosition = String.fromCharCode(currentPosition.charCodeAt(0) - 1);
            break;
          case 3:
            newPosition = currentPosition + '🐛';
            break;
          case 4:
            newPosition = '🐛' + currentPosition;
            break;
        }

container.innerHTML = newPosition;
      }

startButton.addEventListener('click', startGame);
    });
  </script>
</body>
</html>
```

このプログラムでは、ゲームのスタートボタンをクリックすると、画面に🐛が表示されます。🐛は一定の時間ごとにランダムな方向に移動し続けます。プレイヤーはキーボードの矢印キーを使って、上下方向の速さを変更したり、左右方向にスコアを追加・減少させることができます。

このゲームでは、モバイルデバイスのタッチ操作にも対応しています。また、スコアの表示には絵文字を使用しています。