AI game creator

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

No:18359

←

Prev Next

→

rpg game roguelike
Developer User8110｜Date and time 23/9/28 20:49:22
Build time 23.919 sec｜Game capacity 2.248KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
   <head>
      <title>RPG Game - Roguelike</title>
      <style>
         body {
            margin: 0;
            padding: 0;
         }
         canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
         }
      </style>
   </head>
   <body>
      <script>
         // Constants
         const canvasWidth = 800;
         const canvasHeight = 600;

// Game initialization
         function initGame() {
            // Create canvas element
            const canvas = document.createElement('canvas');
            canvas.width = canvasWidth;
            canvas.height = canvasHeight;
            document.body.appendChild(canvas);

// Get the rendering context for the canvas
            const ctx = canvas.getContext('2d');

// Player position and properties
            let playerX = 50;
            let playerY = 50;
            const playerWidth = 50;
            const playerHeight = 50;
            const playerSpeed = 5;

// Game loop
            function gameLoop() {
               // Clear the canvas
               ctx.clearRect(0, 0, canvasWidth, canvasHeight);

// Draw the player
               ctx.fillStyle = 'blue';
               ctx.fillRect(playerX, playerY, playerWidth, playerHeight);

// Process player input
               document.addEventListener('keydown', (event) => {
                  const keyPressed = event.key;
                  if (keyPressed === 'ArrowUp') {
                     playerY -= playerSpeed;
                  }
                  if (keyPressed === 'ArrowDown') {
                     playerY += playerSpeed;
                  }
                  if (keyPressed === 'ArrowLeft') {
                     playerX -= playerSpeed;
                  }
                  if (keyPressed === 'ArrowRight') {
                     playerX += playerSpeed;
                  }
               });

// Recursive call for game loop
               requestAnimationFrame(gameLoop);
            }

// Start the game loop
            gameLoop();
         }

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