Portal gun 3's game | AI game creator

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

No:22514

27

Portal gun 3
Developer User10391｜Date and time 23/10/23 0:47:00
Build time 62.052 sec｜Game capacity 3.887KB｜

The above code is a simple game implemented as a single HTML file. It contains JavaScript code enclosed in `
` tags. The game is called "Portal Gun 3" and assumes smartphone operation. The player is represented by a red rectangle that can be moved using touch events on the screen. To play the game, open the HTML file in a web browser. The game canvas will appear with a red rectangle representing the player. Touching the left side of the screen moves the player to the left, touching the right side moves the player to the right, touching the top side moves the player up, and touching the bottom side moves the player down. The player cannot move outside the boundaries of the canvas. The game continuously updates and redraws the player's position on the canvas. The game loop is implemented using the `requestAnimationFrame` method to ensure smooth animation. Please note that this is a basic example and can be expanded upon to add more features, levels, obstacles, and scoring mechanisms based on your requirements.

→ 　

0　

0　

[PR]現在の人気ゲームランキング

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

(C)2023 HisashiApp

```
<!DOCTYPE html>
<html>
<head>
  <title>Portal Gun 3</title>
  <style>
    #canvas {
      border: 1px solid #000000;
      display: block;
      margin: 20px auto;
    }
  </style>
</head>
<body>
  <canvas id="canvas" width="300" height="300"></canvas>

<script>
    // Game variables
    let canvas, ctx;
    let player;

// Player object
    class Player {
      constructor(x, y, width, height, speed) {
        this.x = x;
        this.y = y;
        this.width = width;
        this.height = height;
        this.speed = speed;
      }

draw() {
        ctx.fillStyle = "#FF0000";
        ctx.fillRect(this.x, this.y, this.width, this.height);
      }

moveUp() {
        this.y -= this.speed;
        if (this.y < 0) {
          this.y = 0;
        }
      }

moveDown() {
        this.y += this.speed;
        if (this.y + this.height > canvas.height) {
          this.y = canvas.height - this.height;
        }
      }

moveLeft() {
        this.x -= this.speed;
        if (this.x < 0) {
          this.x = 0;
        }
      }

moveRight() {
        this.x += this.speed;
        if (this.x + this.width > canvas.width) {
          this.x = canvas.width - this.width;
        }
      }
    }

// Initialize the game
    function init() {
      canvas = document.getElementById("canvas");
      ctx = canvas.getContext("2d");
      player = new Player(50, 120, 30, 30, 5);

// Handle touch events for smartphone operation
      canvas.addEventListener("touchstart", handleTouchStart, false);
      canvas.addEventListener("touchend", handleTouchEnd, false);
    }

// Update the game state
    function update() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
      player.draw();
    }

// Game loop
    function loop() {
      update();
      requestAnimationFrame(loop);
    }

// Handle touchstart event
    function handleTouchStart(event) {
      event.preventDefault();

let touch = event.changedTouches[0];
      let touchX = touch.pageX - touch.target.offsetLeft;
      let touchY = touch.pageY - touch.target.offsetTop;

if (touchX < canvas.width / 2) {
        // Left side of the screen tapped
        player.moveLeft();
      } else {
        // Right side of the screen tapped
        player.moveRight();
      }

if (touchY < canvas.height / 2) {
        // Top side of the screen tapped
        player.moveUp();
      } else {
        // Bottom side of the screen tapped
        player.moveDown();
      }
    }

// Handle touchend event
    function handleTouchEnd(event) {
      event.preventDefault();
      // Player stops moving when touch is released
    }

// Start the game
    window.onload = function() {
      init();
      loop();
    };
  </script>
</body>
</html>
```

The above code is a simple game implemented as a single HTML file. It contains JavaScript code enclosed in `<script>` tags. The game is called "Portal Gun 3" and assumes smartphone operation. The player is represented by a red rectangle that can be moved using touch events on the screen.

To play the game, open the HTML file in a web browser. The game canvas will appear with a red rectangle representing the player. Touching the left side of the screen moves the player to the left, touching the right side moves the player to the right, touching the top side moves the player up, and touching the bottom side moves the player down. The player cannot move outside the boundaries of the canvas.

The game continuously updates and redraws the player's position on the canvas. The game loop is implemented using the `requestAnimationFrame` method to ensure smooth animation.

Please note that this is a basic example and can be expanded upon to add more features, levels, obstacles, and scoring mechanisms based on your requirements.