AI game creator

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

No:51903

153

←

Prev Next

→

Shooting games
Developer User15743｜Date and time 24/3/16 17:27:48
Build time 1.282 sec｜Game capacity 0.176KB｜

Script

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

はい、了解しました。では、スマホで遊べるシンプルなゲームを作成しましょう。以下は、JavaScriptを用いて実装された1枚のHTMLファイルです。

このHTMLファイルでは、スマホの操作に対応したシンプルなゲームを実装しています。画面には緑色の円が表示され、その円内をタップすることでスコアが加算されます。円がランダムに表示され、スコアが画面上に表示されます。ゲームは即座に実行されます。以上が、要件に基づいたゲーム化されたHTMLファイルです。

←

Prev　Next

→ 　

Back　

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

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

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p>はい、了解しました。では、スマホで遊べるシンプルなゲームを作成しましょう。以下は、JavaScriptを用いて実装された1枚のHTMLファイルです。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>スタープラチナなゲーム</title>
  <style>
    html, body {
      height: 100%;
      margin: 0;
      overflow: hidden;
    }

#gameCanvas {
      width: 100%;
      height: 100%;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;

function getRandomInt(min, max) {
      return Math.floor(Math.random() * (max - min + 1)) + min;
    }

let score = 0;
    let gameStarted = false;

function startGame() {
      gameStarted = true;
      score = 0;
      gameLoop();
    }

function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// 緑色の円を描画
      const radius = 50;
      const x = getRandomInt(radius, canvas.width - radius);
      const y = getRandomInt(radius, canvas.height - radius);

ctx.beginPath();
      ctx.arc(x, y, radius, 0, Math.PI * 2);
      ctx.fillStyle = 'green';
      ctx.fill();
      ctx.closePath();

// スコアを表示
      ctx.font = '24px Arial';
      ctx.fillStyle = 'white';
      ctx.fillText('Score: ' + score, 10, 30);

if (gameStarted) {
        requestAnimationFrame(gameLoop);
      }
    }

canvas.addEventListener('click', function(event) {
      const rect = canvas.getBoundingClientRect();
      const clickX = event.clientX - rect.left;
      const clickY = event.clientY - rect.top;

// クリックした座標と円の座標の距離を計算
      const distance = Math.sqrt(Math.pow(clickX - x, 2) + Math.pow(clickY - y, 2));

// クリックした座標が円の範囲内か判定
      if (distance <= radius) {
        score++;
      }
    });

startGame(); // ゲームを開始
  </script>
</body>
</html>
```

このHTMLファイルでは、スマホの操作に対応したシンプルなゲームを実装しています。画面には緑色の円が表示され、その円内をタップすることでスコアが加算されます。円がランダムに表示され、スコアが画面上に表示されます。ゲームは即座に実行されます。

以上が、要件に基づいたゲーム化されたHTMLファイルです。