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

No:9044

340

←

Prev Next

→

The Journey of the Bear and the Raven! The ravens ..ALL
Developer User3589｜Date and time 23/7/20 23:16:40
Build time 21.931 sec｜Game capacity 1.84KB｜

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>
  <p>洞窟を舞台に烏の進撃が始まる！</p>
  <canvas id="gameCanvas" width="500" height="500" style="border:1px solid black;"></canvas>

// 初期座標
    let x = canvas.width / 2;
    let y = canvas.height - 30;

// ユーザー入力による操作
    document.addEventListener('keydown', handleKeyDown);

// ゲームループ
    setInterval(gameLoop, 10);

function gameLoop() {
      // 画面をクリア
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// 熊を描画
      ctx.beginPath();
      ctx.arc(x, y, 20, 0, Math.PI * 2);
      ctx.fillStyle = 'brown';
      ctx.fill();
      ctx.closePath();

// 烏を描画
      ctx.beginPath();
      ctx.arc(canvas.width / 2, 30, 10, 0, Math.PI * 2);
      ctx.fillStyle = 'black';
      ctx.fill();
      ctx.closePath();
    }
  </script>
</body>
</html>
```