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

No:17887

Rpg game where you must collect plates of spaghett..ALL
Developer User7815｜Date and time 23/9/25 3:37:06
Build time 54.183 sec｜Game capacity 4.465KB｜

Script

Sure, here's a simple RPG game implemented as a single HTML file using JavaScript. The game involves collecting plates of spaghetti to evolve into a stronger creature and defeat the evil pie. The game is designed for smartphone operation and uses pictograms.

Spaghetti RPG Game

To play the game, you can copy the above HTML code and save it as an HTML file (e.g., `game.html`). You can then open the file in a web browser on your smartphone to start playing the RPG game. Use the arrow keys to move the player around the canvas and collect the plates of spaghetti. Once you have collected three plates, your character will evolve, and you can defeat the evil pie by colliding with it. Have fun playing!

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Spaghetti RPG Game</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
  </style>
</head>
<body>
  <h1>Spaghetti RPG Game</h1>
  <canvas id="gameCanvas" width="300" height="300"></canvas>

// Player object
    const player = {
      x: canvas.width / 2,
      y: canvas.height / 2,
      size: 20,
      speed: 5
    };

let platesCollected = 0;
    let evolutionLevel = 1;

// Plate objects
    const plates = [
      { x: 50, y: 50, size: 15 },
      { x: 200, y: 150, size: 15 },
      { x: 100, y: 250, size: 15 }
    ];

// Pie object
    const pie = {
      x: 250,
      y: 100,
      size: 40
    };

// Keyboard event listener
    document.addEventListener('keydown', handleKeyPress);

// Game loop
    function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
      drawPlates();
      drawPie();

checkCollision();

requestAnimationFrame(gameLoop);
    }

// Draw player on the canvas
    function drawPlayer() {
      ctx.beginPath();
      ctx.arc(player.x, player.y, player.size, 0, Math.PI * 2);
      ctx.fillStyle = '#ffcc00';
      ctx.fill();
      ctx.closePath();
    }

// Draw plates on the canvas
    function drawPlates() {
      plates.forEach(plate => {
        ctx.beginPath();
        ctx.rect(plate.x, plate.y, plate.size, plate.size);
        ctx.fillStyle = '#009933';
        ctx.fill();
        ctx.closePath();
      });
    }

// Draw pie on the canvas
    function drawPie() {
      ctx.beginPath();
      ctx.arc(pie.x, pie.y, pie.size, 0, Math.PI * 2);
      ctx.fillStyle = '#993300';
      ctx.fill();
      ctx.closePath();
    }

// Handle keyboard arrow key press events
    function handleKeyPress(event) {
      const key = event.key.toLowerCase();
      const allowedKeys = ['arrowup', 'arrowdown', 'arrowleft', 'arrowright'];

if (allowedKeys.includes(key)) {
        event.preventDefault();

if (key === 'arrowup' && player.y > player.size) {
          player.y -= player.speed;
        } else if (key === 'arrowdown' && player.y < canvas.height - player.size) {
          player.y += player.speed;
        } else if (key === 'arrowleft' && player.x > player.size) {
          player.x -= player.speed;
        } else if (key === 'arrowright' && player.x < canvas.width - player.size) {
          player.x += player.speed;
        }
      }
    }

// Check collision between player, plates, and pie
    function checkCollision() {
      plates.forEach((plate, index) => {
        if (
          player.x < plate.x + plate.size &&
          player.x + player.size > plate.x &&
          player.y < plate.y + plate.size &&
          player.y + player.size > plate.y
        ) {
          plates.splice(index, 1);
          platesCollected++;
          
          if (platesCollected === 3) {
            evolutionLevel++;
            platesCollected = 0;
          }
        }
      });

if (
        player.x < pie.x + pie.size &&
        player.x + player.size > pie.x &&
        player.y < pie.y + pie.size &&
        player.y + player.size > pie.y &&
        evolutionLevel >= 3
      ) {
        window.alert('Congratulations! You have defeated the evil pie!');
        resetGame();
      }
    }

// Reset game
    function resetGame() {
      platesCollected = 0;
      evolutionLevel = 1;
      plates.forEach((_, index) => (plates[index] = { x: (index + 1) * 100, y: (index + 1) * 100, size: 15 }));
    }

gameLoop();
  </script>
</body>
</html>
```