Switch Blocks :Blocks:Ground :Breakables: Brick Block :a button is saying test if you press it a player will appear and arrows so you can move player use up to jump press test again you go back to making touch to place in editor's game

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

No:23685

←

Prev Next

→

Switch Blocks :Blocks:Ground :Breakables: Brick Bl..ALL
Developer User9100｜Date and time 23/11/2 23:51:06
Build time 47.53 sec｜Game capacity 2.919KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
  <style>
    #game-canvas {
      width: 100vw;
      height: 100vh;
    }
  </style>
</head>
<body>
  <canvas id="game-canvas"></canvas>

// Player variables
    var player = {
      x: 0,
      y: 0,
      dy: 0,
      jumping: false
    };

// Key state variables
    var leftPressed = false;
    var rightPressed = false;
    var upPressed = false;

// Event listeners for touch input
    canvas.addEventListener("touchstart", handleTouchStart, false);
    canvas.addEventListener("touchmove", handleTouchMove, false);
    canvas.addEventListener("touchend", handleTouchEnd, false);

// Event listeners for keyboard input
    document.addEventListener("keydown", handleKeyDown, false);
    document.addEventListener("keyup", handleKeyUp, false);

// Game loop
    function gameLoop() {
      context.clearRect(0, 0, canvas.width, canvas.height);
      
      if (player.jumping) {
        player.dy += 0.5;
        player.y += player.dy;
      }

if (leftPressed) {
        player.x -= 5;
      }
      
      if (rightPressed) {
        player.x += 5;
      }

if (upPressed && !player.jumping) {
        player.jumping = true;
        player.dy = -10;
      }

drawPlayer();
      
      requestAnimationFrame(gameLoop);
    }

// Draws the player on the canvas
    function drawPlayer() {
      context.fillStyle = "red";
      context.fillRect(player.x, player.y, blockSize, blockSize);
    }

// Event handlers for touch input
    function handleTouchStart(e) {
      e.preventDefault();
      var touchX = e.touches[0].clientX;
      var touchY = e.touches[0].clientY;

player.x = Math.floor(touchX / blockSize) * blockSize;
      player.y = Math.floor(touchY / blockSize) * blockSize;
    }

function handleTouchMove(e) {
      e.preventDefault();
      var touchX = e.touches[0].clientX;
      var touchY = e.touches[0].clientY;

player.x = Math.floor(touchX / blockSize) * blockSize;
      player.y = Math.floor(touchY / blockSize) * blockSize;
    }

function handleTouchEnd(e) {
      e.preventDefault();
      player.jumping = false;
    }

// Event handlers for keyboard input
    function handleKeyDown(e) {
      if (e.keyCode === 37) {
        leftPressed = true;
      } else if (e.keyCode === 39) {
        rightPressed = true;
      } else if (e.keyCode === 38) {
        upPressed = true;
      }
    }

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