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

No:13190

105

←

Prev Next

→

A sandbox game with portal gun features were you c..ALL
Developer unknown｜Date and time 23/8/27 7:31:35
Build time 15.204 sec｜Game capacity 3.101KB｜

Script

Sandbox Portal Game

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<HTML>
<body>
  <h1>Sandbox Portal Game</h1>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

// Player position and portal positions
    let playerX = canvas.width / 2;
    let playerY = canvas.height / 2;
    let portal1X, portal1Y;
    let portal2X, portal2Y;

// Keyboard states
    let leftPressed = false;
    let rightPressed = false;
    let upPressed = false;
    let downPressed = false;
    let spacePressed = false;

// Constants
    const playerSpeed = 5;
    const portalSize = 30;

// Set up keyboard event listeners
    document.addEventListener("keydown", keyDownHandler, false);
    document.addEventListener("keyup", keyUpHandler, false);

// Handle key press events
    function keyDownHandler(event) {
      if (event.key === "ArrowLeft") {
        leftPressed = true;
      } else if (event.key === "ArrowRight") {
        rightPressed = true;
      } else if (event.key === "ArrowUp") {
        upPressed = true;
      } else if (event.key === "ArrowDown") {
        downPressed = true;
      } else if (event.key === " ") {
        spacePressed = true;
      }
    }

// Handle key release events
    function keyUpHandler(event) {
      if (event.key === "ArrowLeft") {
        leftPressed = false;
      } else if (event.key === "ArrowRight") {
        rightPressed = false;
      } else if (event.key === "ArrowUp") {
        upPressed = false;
      } else if (event.key === "ArrowDown") {
        downPressed = false;
      } else if (event.key === " ") {
        spacePressed = false;
      }
    }

// Update the game state
    function update() {
      if (leftPressed && playerX > 0) {
        playerX -= playerSpeed;
      }
      if (rightPressed && playerX < canvas.width) {
        playerX += playerSpeed;
      }
      if (upPressed && playerY > 0) {
        playerY -= playerSpeed;
      }
      if (downPressed && playerY < canvas.height) {
        playerY += playerSpeed;
      }

if (spacePressed) {
        if (!portal1X || !portal1Y) {
          portal1X = playerX;
          portal1Y = playerY;
        } else if (!portal2X || !portal2Y) {
          portal2X = playerX;
          portal2Y = playerY;
        }
      }

// Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the portals
      if (portal1X && portal1Y) {
        ctx.fillStyle = "orange";
        ctx.fillRect(portal1X - portalSize / 2, portal1Y - portalSize / 2, portalSize, portalSize);
      }
      if (portal2X && portal2Y) {
        ctx.fillStyle = "blue";
        ctx.fillRect(portal2X - portalSize / 2, portal2Y - portalSize / 2, portalSize, portalSize);
      }

// Draw the player
      ctx.fillStyle = "black";
      ctx.fillRect(playerX - 10, playerY - 10, 20, 20);

// Request the next animation frame
      requestAnimationFrame(update);
    }

// Start the game
    update();
  </script>
</body>
</html>