AI game creator

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

No:6066

503

←

Prev Next

→

marginal geek dance
Developer User1006｜Date and time 23/7/1 16:08:16
Build time 35.115 sec｜Game capacity 3.393KB｜

Script

了解です。以下に限界オタク乱舞というゲームを作成したプログラムを示します。このゲームでは、スマホのタッチ操作でオタクを動かし、画面内の敵キャラクターを倒すことが目標です。

このプログラムでは、黄色の円がプレイヤーオタクを表し、赤い円が敵キャラクターを表しています。プレイヤーオタクはタッチ操作によって動かすことができ、敵キャラクターに接触するとゲームオーバーです。画面内を動き回って敵キャラクターをうまく避けてください。

←

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>
    body {
      margin: 0;
      overflow: hidden;
    }

#gameCanvas {
      background-color: black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="600" height="400"></canvas>

// プレイヤーオタクの初期位置
      var playerX = canvas.width / 2;
      var playerY = canvas.height / 2;

// タッチ位置の初期値
      var touchX = playerX;
      var touchY = playerY;

// 敵の初期位置
      var enemyX = Math.random() * (canvas.width - 50) + 25;
      var enemyY = Math.random() * (canvas.height - 50) + 25;

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

// プレイヤーオタクの描画
        context.fillStyle = "yellow";
        context.beginPath();
        context.arc(playerX, playerY, 25, 0, Math.PI * 2, false);
        context.closePath();
        context.fill();

// 敵キャラクターの描画
        context.fillStyle = "red";
        context.beginPath();
        context.arc(enemyX, enemyY, 20, 0, Math.PI * 2, false);
        context.closePath();
        context.fill();

// プレイヤーオタクと敵キャラクターの衝突判定
        var distance = Math.sqrt((playerX - enemyX) * (playerX - enemyX) + (playerY - enemyY) * (playerY - enemyY));
        if (distance < 45) {
          alert("ゲームオーバー！");
          document.location.reload();
        }

// プレイヤーオタクをタッチ位置に移動する
        var dx = touchX - playerX;
        var dy = touchY - playerY;
        var angle = Math.atan2(dy, dx);
        var speed = 5;
        playerX += Math.cos(angle) * speed;
        playerY += Math.sin(angle) * speed;

// 画面外に出ないように制御
        if (playerX < 25) {
          playerX = 25;
        }
        if (playerX > canvas.width - 25) {
          playerX = canvas.width - 25;
        }
        if (playerY < 25) {
          playerY = 25;
        }
        if (playerY > canvas.height - 25) {
          playerY = canvas.height - 25;
        }

requestAnimationFrame(gameLoop);
      }

// タッチイベントの処理
      canvas.addEventListener("touchmove", function(event) {
        event.preventDefault();
        touchX = event.touches[0].pageX - canvas.offsetLeft;
        touchY = event.touches[0].pageY - canvas.offsetTop;
      }, false);

// ゲームループを開始
      gameLoop();
    };
  </script>
</body>
</html>
```