SpaceRocket Launch Game Expert AI's game

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

No:43469

←

Prev Next

→

SpaceRocket Launch Game Expert AI
Developer User19182｜Date and time 24/2/15 14:51:17
Build time 9.535 sec｜Game capacity 3.042KB｜

Script

Sure! Here's an example of a Space Rocket Launch game implemented as a single HTML file, using JavaScript and pictograms for smartphone operation:

In the above code, a rocket is drawn on the canvas and can be controlled using touch events on a smartphone. The rocket moves horizontally based on the touch direction, and the objective is to reach the top of the canvas. Once the rocket reaches the top, an alert is shown indicating a successful launch. Please note that you will need to provide an image file named "emozi_all/rocket.png" in the same directory as the HTML file for the rocket image to be displayed correctly.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Sure! Here's an example of a Space Rocket Launch game implemented as a single HTML file, using JavaScript and pictograms for smartphone operation:

```html
<!DOCTYPE html>
<html>
<head>
  <title>SpaceRocket Launch Game</title>
  <style>
    #rocket {
      position: absolute;
      left: 50%;
      bottom: 10px;
      transform: translateX(-50%);
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="600"></canvas>

// Create the rocket object
      var rocket = {
        x: canvas.width / 2,
        y: canvas.height - 100,
        speed: 5
      };

// Load the rocket image
      var rocketImg = new Image();
      rocketImg.src = "rocket.png";

// Draw the rocket on the canvas
      function drawRocket() {
        ctx.drawImage(rocketImg, rocket.x - 25, rocket.y - 50, 50, 100);
      }

// Handle touch events to control the rocket movement
      canvas.addEventListener("touchstart", handleTouchStart, false);
      canvas.addEventListener("touchmove", handleTouchMove, false);

var xDown = null;
      var yDown = null;

function handleTouchStart(event) {
        xDown = event.touches[0].clientX;
        yDown = event.touches[0].clientY;
      }

function handleTouchMove(event) {
        if (!xDown || !yDown) {
          return;
        }

var xUp = event.touches[0].clientX;
        var yUp = event.touches[0].clientY;

var xDiff = xDown - xUp;
        var yDiff = yDown - yUp;

if (Math.abs(xDiff) > Math.abs(yDiff)) {
          if (xDiff > 0) {
            rocket.x -= rocket.speed;
          } else {
            rocket.x += rocket.speed;
          }
        } else {
          if (yDiff > 0) {
            rocket.y -= rocket.speed;
          } else {
            rocket.y += rocket.speed;
          }
        }

xDown = null;
        yDown = null;
      }

// Update game logic and redraw the canvas
      function updateGame() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        drawRocket();

// Check if rocket has reached the top
        if (rocket.y <= 0) {
          alert("Rocket launched successfully!");
          clearInterval(gameLoop);
        }
      }

// Start the game processing
      var gameLoop = setInterval(updateGame, 10);
    };
  </script>
</body>
</html>
```
In the above code, a rocket is drawn on the canvas and can be controlled using touch events on a smartphone. The rocket moves horizontally based on the touch direction, and the objective is to reach the top of the canvas. Once the rocket reaches the top, an alert is shown indicating a successful launch.

Please note that you will need to provide an image file named "rocket.png" in the same directory as the HTML file for the rocket image to be displayed correctly.