OMORI-WhiteSpace Display the following on the screen as coordinates (x,y). The center of the screen is at coordinates (200,400).🚪 at coordinate (175,300) 🚪 at coordinate (175,500) 🐈‍⬛ 💻 at coordinate (200,400) 📕 at coordinate (250,400) 💻 at coordinate (225,350) 💡 at coordinate (250,450) 🧻 also and the player is 🔪. 🔪 is at the first (225,425). You can move 🔪 with the cross key. Each time you press the crosshair, you can move it by 25 coordinates. The background color must be #FFFFFFFF. Also, a #FFFFFFF rectangle is generated at coordinates (175,400) to (250,400) of the background. Only the border color of the rectangle is black. All pictograms are about half the size.'s game

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
OMORI-WhiteSpace Display the following on the screen as coordinates (x,y). The center of the screen is at coordinates (200,400).🚪 at coordinate (175,300) 🚪 at coordinate (175,500) 🐈‍⬛ 💻 at coordinate (200,400) 📕 at coordinate (250,400) 💻 at coordinate (225,350) 💡 at coordinate (250,450) 🧻 also and the player is 🔪. 🔪 is at the first (225,425). You can move 🔪 with the cross key. Each time you press the crosshair, you can move it by 25 coordinates. The background color must be #FFFFFFFF. Also, a #FFFFFFF rectangle is generated at coordinates (175,400) to (250,400) of the background. Only the border color of the rectangle is black. All pictograms are about half the size.'s game | AI game creator

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

No:6088

2358

←

Prev Next

→

OMORI-WhiteSpace Display the following on the scre..ALL
Developer もちきなこ｜Date and time 23/7/1 16:27:22
Build time 16.782 sec｜Game capacity 1.555KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
  <style>
    #canvas {
      background-color: #FFFFFF;
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="800"></canvas>
  
  <script>
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");

const playerSize = 25;
    const player = {
      x: 225,
      y: 425
    };

const objects = [
      { emoji: '🚪', x: 175, y: 300 },
      { emoji: '🐈‍⬛', x: 175, y: 500 },
      { emoji: '💻', x: 200, y: 400 },
      { emoji: '📕', x: 250, y: 400 },
      { emoji: '💡', x: 225, y: 350 },
      { emoji: '🧻', x: 250, y: 450 }
    ];

drawObjects();
    drawPlayer();

document.addEventListener("keydown", handleKeyDown);

function drawObjects() {
      objects.forEach(obj => {
        ctx.font = "20px Arial";
        ctx.fillText(obj.emoji, obj.x, obj.y);
      });
    }

function drawPlayer() {
      ctx.font = playerSize + "px Arial";
      ctx.fillText("🔪", player.x, player.y);
    }

function handleKeyDown(event) {
      const keyPressed = event.key;

if (keyPressed === "ArrowUp") {
        player.y -= 25;
      } else if (keyPressed === "ArrowDown") {
        player.y += 25;
      } else if (keyPressed === "ArrowLeft") {
        player.x -= 25;
      } else if (keyPressed === "ArrowRight") {
        player.x += 25;
      }

ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawObjects();
      drawPlayer();
    }
  </script>
</body>
</html>