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

No:4622

518

←

Prev Next

→

どうスクにライオン🦁追加しろよ！🤬💢 どうぶつスクールシミュレーター続編ボーナスアップデート俺..ALL
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/6/28 12:47:07
Build time 29.544 sec｜Game capacity 2.729KB｜

Script

了解しました！以下に、ボーナスアップデート版の「どうぶつスクールシミュレーター」のゲームを作成します。推しのライオンを追加して、ユーザーが操作できるようにします。

どうぶつスクールシミュレーター

ライオンを操作して遊びましょう！

このコードでは、キャンバスを使ってゲーム画面を表示し、プレイヤーが操作できるライオンの画像を描画しています。キーボードの矢印キーを使って、ライオンを上下左右に移動させることができます。「lion.png」という名前の画像ファイルが必要です。

←

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="400" height="400" style="border:1px solid black"></canvas>

// プレイヤーオブジェクトを作成
    const player = {
      x: 200,
      y: 200,
      size: 50,
      speed: 4
    };

// ライオンの画像を読み込む
    const lionImage = new Image();
    lionImage.src = "lion.png";

// 操作キーの状態を保持するオブジェクト
    const keys = {
      ArrowUp: false,
      ArrowDown: false,
      ArrowLeft: false,
      ArrowRight: false
    };

// ゲームループ
    function gameLoop() {
      // プレイヤーの移動処理
      if (keys.ArrowUp && player.y > 0) {
        player.y -= player.speed;
      }
      if (keys.ArrowDown && player.y + player.size < canvas.height) {
        player.y += player.speed;
      }
      if (keys.ArrowLeft && player.x > 0) {
        player.x -= player.speed;
      }
      if (keys.ArrowRight && player.x + player.size < canvas.width) {
        player.x += player.speed;
      }

// キャンバスをクリア
      context.clearRect(0, 0, canvas.width, canvas.height);

// プレイヤーを描画
      context.drawImage(lionImage, player.x, player.y, player.size, player.size);

// 次のフレームをリクエスト
      requestAnimationFrame(gameLoop);
    }

// キーボードのイベントリスナーを設定
    document.addEventListener("keydown", function(event) {
      keys[event.key] = true;
    });
    document.addEventListener("keyup", function(event) {
      keys[event.key] = false;
    });

// 画像の読み込み完了後にゲームループを開始
    lionImage.onload = function() {
      gameLoop();
    };
  </script>

</body>
</html>
```