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

No:11884

109

←

Prev Next

→

Patchouli and Marisa
Developer User4966｜Date and time 23/8/12 20:51:12
Build time 38.482 sec｜Game capacity 3.737KB｜

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>
</head>
<body>
  <h1>パチュリーと魔理沙</h1>
  <canvas id="gameCanvas" width="400px" height="400px"></canvas>

// パチュリーの初期位置
      var pachuliX = canvas.width / 2;
      var pachuliY = canvas.height - 50;
      
      // 魔理沙の初期位置
      var marisaX = canvas.width / 2;
      var marisaY = 0;

// キーボード操作
      document.addEventListener("keydown", keyDownHandler, false);
      document.addEventListener("keyup", keyUpHandler, false);

var rightPressed = false;
      var leftPressed = false;
      var upPressed = false;
      var downPressed = false;

// ゲームのメインループ
      function draw() {
        // キャンバスをクリア
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// パチュリーを描画
        ctx.font = "40px Verdana";
        ctx.fillText("🌸", pachuliX, pachuliY);

// 魔理沙を描画
        ctx.fillText("🧹", marisaX, marisaY);

// パチュリーの動き
        if (rightPressed && pachuliX < canvas.width - 50) {
          pachuliX += 10;
        } else if (leftPressed && pachuliX > 0) {
          pachuliX -= 10;
        } else if (upPressed && pachuliY > 0) {
          pachuliY -= 10;
        } else if (downPressed && pachuliY < canvas.height - 50) {
          pachuliY += 10;
        }

// 魔理沙の動き
        if (marisaY < canvas.height) {
          marisaY += 5;
        } else {
          marisaY = -50;
          marisaX = Math.random() * (canvas.width - 50);
        }

// 衝突判定
        if (
          pachuliX < marisaX + 50 &&
          pachuliX + 50 > marisaX &&
          pachuliY < marisaY + 50 &&
          pachuliY + 50 > marisaY
        ) {
          alert("ゲームオーバー");
          document.location.reload();
        }

requestAnimationFrame(draw);
      }

// ゲームスタート
      draw();
    }

// ゲーム初期化の呼び出し
    init();
  </script>
</body>
</html>
```

このコードでは、キーボードの矢印キーを使ってパチュリーを操作し、魔理沙から逃げるようなゲームを実装しています。パチュリーと魔理沙は絵文字で表示されます。

パチュリーは矢印キーで動かすことができ、魔理沙は上から降ってきます。衝突した場合はゲームオーバーになり、ページがリロードされます。

ご参考までに利用ください。