【OMORI】バジルくん🌻を探そう！ * 🔪🎀🏀🍳の4つの絵文字が、十字キーによって移動します。🔪🎀🏀🍳の順番で並んでいます。 * 画面には、🍉がランダムな位置に配置されています。🍉に🔪が接した状態でSpaceキーを押すと、🍉が消滅しますが、一つだけ🍉が消滅せず🌻になるものがあります。 * 🌻を見つけると、「僕をみつけてくれてありがとう」というテキストが表示されます。 * 画面には🎹も表示されています。🎹の隣には🧺が置かれています。🎹に接した状態でSpaceキーを押すと、「バジルくん🌻をみつけてね！」と表示されます。's game

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

No:5547

7603

←

Prev Next

→

【OMORI】バジルくん🌻を探そう！ * 🔪🎀🏀🍳の4つの絵文字が、十字キーによって移動します。🔪..ALL
Developer もちきなこ｜Date and time 23/6/30 12:31:50
Build time 35.998 sec｜Game capacity 3.611KB｜

Script

了解しました。以下が求められた要件を満たすプログラムの例です。

このプログラムは、8x8のマス目の中で絵文字が移動し、特定の絵文字に当たったり、特定の位置でSpaceキーを押すことでイベントが発生します。バジルくんを見つけた際にはアラートが表示されます。マス目上にはランダムな位置にバジルくんとスイカが配置されます。

←

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>OMORI バジルくん🌻を探そう！</title>
</head>
<body>
  <script>
    // 初期位置と初期表示の設定
    let emojiList = ["🔪", "🎀", "🏀", "🍳"];
    let currentEmojiIndex = 0;
    let currentPosition = {x: 0, y: 0};
    let targetPosition = {x: 0, y: 0};
    let isKeyboardEnabled = true;
    let isFindingBasil = false;

// ランダムな位置にバジルくんを配置
    let watermelonPosition = {x: Math.floor(Math.random() * 8), y: Math.floor(Math.random() * 8)};
    let basilPosition = {x: Math.floor(Math.random() * 8), y: Math.floor(Math.random() * 8)};

// バジルくんを見つけたかどうかの判定
    function checkBasilFound() {
      if (currentPosition.x === basilPosition.x && currentPosition.y === basilPosition.y && isFindingBasil) {
        alert("僕をみつけてくれてありがとう");
        isFindingBasil = false;
      }
    }

// キー入力による移動処理
    function moveEmoji(event) {
      if (!isKeyboardEnabled) {
        return;
      }

switch (event.key) {
        case "ArrowUp":
          currentPosition.y--;
          break;
        case "ArrowDown":
          currentPosition.y++;
          break;
        case "ArrowLeft":
          currentPosition.x--;
          break;
        case "ArrowRight":
          currentPosition.x++;
          break;
        default:
          return;
      }

checkBounds();
      checkBasilFound();
    }

// 画面外に出ないように座標の制限処理
    function checkBounds() {
      if (currentPosition.x < 0) {
        currentPosition.x = 0;
      } else if (currentPosition.x > 7) {
        currentPosition.x = 7;
      }

if (currentPosition.y < 0) {
        currentPosition.y = 0;
      } else if (currentPosition.y > 7) {
        currentPosition.y = 7;
      }
    }

// Spaceキーが押されたときの処理
    function handleSpaceKeyPress(event) {
      if (event.key === " ") {
        if (currentPosition.x === watermelonPosition.x && currentPosition.y === watermelonPosition.y && currentEmojiIndex === 0) {
          alert("バジルくん🌻をみつけてね！");
          isFindingBasil = true;
        }
        watermelonPosition = {x: Math.floor(Math.random() * 8), y: Math.floor(Math.random() * 8)};
      }
    }

// 初期表示のための描画処理
    function drawScreen() {
      let screen = "";
      for (let y = 0; y < 8; y++) {
        for (let x = 0; x < 8; x++) {
          if (currentPosition.x === x && currentPosition.y === y) {
            screen += emojiList[currentEmojiIndex];
          } else if (watermelonPosition.x === x && watermelonPosition.y === y) {
            screen += "🍉";
          } else {
            screen += "　";
          }
        }
        screen += "<br>";
      }
      document.body.innerHTML = screen;
    }

// プログラムの実行
    window.addEventListener("keydown", moveEmoji);
    window.addEventListener("keydown", handleSpaceKeyPress);
    setInterval(drawScreen, 100);
  </script>
</body>
</html>
```

このプログラムは、8x8のマス目の中で絵文字が移動し、特定の絵文字に当たったり、特定の位置でSpaceキーを押すことでイベントが発生します。バジルくんを見つけた際にはアラートが表示されます。マス目上にはランダムな位置にバジルくんとスイカが配置されます。