64 bit game inspired by doomslayer (old version) Your In training grounds's game

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

No:18019

←

Prev Next

→

64 bit game inspired by doomslayer (old version) ..ALL
Developer User7893｜Date and time 23/9/26 2:31:53
Build time 31.392 sec｜Game capacity 3.385KB｜

Script

Sure! Here's a simple game called "Training Grounds" inspired by Doom Slayer. Please note that this code is just a basic implementation and may not be a fully functional game. You can save the code in a single HTML file and open it in a web browser to play.

In this game, you control a blue player character using the arrow keys. The player can move within the boundaries of the canvas. The game continuously updates the player's position and redraws the canvas to create the illusion of movement. Remember that this is just a basic starting point, and you can enhance it further by adding enemies, collectibles or any other features inspired by Doom Slayer or any other game.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

const playerSize = 64;
      const playerSpeed = 5;

// Player object
      const player = {
        x: canvas.width / 2 - playerSize / 2,
        y: canvas.height / 2 - playerSize / 2,
        dx: 0,
        dy: 0,
        size: playerSize,
        speed: playerSpeed,
      };

function drawPlayer() {
        ctx.fillStyle = "blue";
        ctx.fillRect(player.x, player.y, player.size, player.size);
      }

function updatePlayer() {
        player.x += player.dx;
        player.y += player.dy;

// Boundaries checking
        if (player.x < 0) player.x = 0;
        if (player.x + player.size > canvas.width)
          player.x = canvas.width - player.size;
        if (player.y < 0) player.y = 0;
        if (player.y + player.size > canvas.height)
          player.y = canvas.height - player.size;
      }

function keyUpHandler(event) {
        if (
          event.key === "ArrowRight" ||
          event.key === "Right" ||
          event.key === "ArrowLeft" ||
          event.key === "Left"
        ) {
          player.dx = 0;
        }
        if (
          event.key === "ArrowDown" ||
          event.key === "Down" ||
          event.key === "ArrowUp" ||
          event.key === "Up"
        ) {
          player.dy = 0;
        }
      }

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

// Update and draw the player
        updatePlayer();
        drawPlayer();

// Call this function again on the next frame
        requestAnimationFrame(updateGame);
      }

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

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

Remember that this is just a basic starting point, and you can enhance it further by adding enemies, collectibles or any other features inspired by Doom Slayer or any other game.