Mr incredible becoming uncanny 30 phases's game

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

No:41279

←

Prev Next

→

Mr incredible becoming uncanny 30 phases
Developer User18493｜Date and time 24/2/6 18:23:20
Build time 14.4 sec｜Game capacity 3.16KB｜

Script

Sure! Here's a simple example of a game called "Mr. Incredible Becoming Uncanny" which consists of 30 phases. The game is designed for smartphone operation and uses pictograms. Remember, this is just a basic example and can be expanded upon to make it more complex and fun.

To play the game, you can open this HTML file on your smartphone's browser. The game canvas will display pictograms representing different phases of Mr. Incredible's journey. You can swipe left/right or up/down on the canvas to navigate through the phases. The current phase index will be updated accordingly, and the new phase pictogram will be displayed on the canvas. Have fun playing "Mr. Incredible Becoming Uncanny"!

←

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>Mr. Incredible Becoming Uncanny</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="600"></canvas>

// Define the pictograms for each phase
    var phases = ["🏃", "💪", "🔥", "💥", "🚀", "🌪️", "🎯", "🎭", "🕺", "👻", "🧠", "🌀", "💡", "🏆", "🗺️", "🥊", "✈️", "🏛️", "🔮", "🎮", "🌟", "🔑", "🛡️", "🎤", "🐉", "🕷️", "🏴‍☠️", "🤖", "🌈", "💖"];

// Display each phase on the canvas
    function showPhase(phaseIndex) {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      ctx.font = "48px Arial";
      ctx.fillText(phases[phaseIndex], 180, 300);
    }

// Play the game
    function playGame() {
      var currentPhase = 0;
      showPhase(currentPhase);

// Listen for swipe gestures on the canvas
      var startingX = null;
      var startingY = null;

canvas.addEventListener("touchstart", function(event) {
        startingX = event.touches[0].clientX;
        startingY = event.touches[0].clientY;
      });

canvas.addEventListener("touchend", function(event) {
        var endingX = event.changedTouches[0].clientX;
        var endingY = event.changedTouches[0].clientY;

var deltaX = endingX - startingX;
        var deltaY = endingY - startingY;

// Check if swipe is horizontal or vertical
        if (Math.abs(deltaX) > Math.abs(deltaY)) {
          if (deltaX > 0) {
            // Swipe right, move to the next phase
            currentPhase++;
          } else {
            // Swipe left, move to the previous phase
            currentPhase--;
          }
        } else {
          if (deltaY > 0) {
            // Swipe down, move to the next phase
            currentPhase++;
          } else {
            // Swipe up, move to the previous phase
            currentPhase--;
          }
        }

// Make sure the phase index is within the valid range
        if (currentPhase < 0) {
          currentPhase = 0;
        } else if (currentPhase >= phases.length) {
          currentPhase = phases.length - 1;
        }

// Display the new phase
        showPhase(currentPhase);
      });
    }

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