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

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

No:6088

1447

←

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>