A 2d game starring the main playable character,peppino trying to k○ll the enemy,pizzaface's game

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

No:10967

←

Prev Next

→

A 2d game starring the main playable character,pep..ALL
Developer User4731｜Date and time 23/8/6 2:42:07
Build time 30.083 sec｜Game capacity 3.433KB｜

Script

Sure, here's a simple 2D game using JavaScript that can be played as a finished game on a smartphone. The game stars the main playable character, Peppino, trying to kill the enemy, PizzaFace. Since you mentioned using pictograms, we'll use ASCII art to represent the characters. Copy the code below and save it as a single HTML file:

When you open the HTML file in a web browser (preferably on a smartphone for a better experience), you'll see Peppino as a green rectangle at the left side of the screen and PizzaFace as a red rectangle at the right side. You can control Peppino's movement by swiping up or down on the screen. To attack, tap anywhere on the screen. Note: This is a basic structure of the game and does not include any complex game mechanics or win/lose conditions. Feel free to modify and expand upon it as per your requirements.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      font-family: monospace;
    }
  </style>
</head>
<body>
  <script>
    // Game initialization
    window.addEventListener('load', function() {
      var canvas = document.createElement('canvas');
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;
      document.body.appendChild(canvas);
      
      var ctx = canvas.getContext('2d');
      var gameLoopId;
      
      var Peppino = {
        x: 50,
        y: canvas.height / 2 - 20,
        width: 40,
        height: 40,
        speed: 5,
        color: '#00FF00',
        isMovingUp: false,
        isMovingDown: false,
        isAttacking: false,
        
        draw: function() {
          ctx.fillStyle = this.color;
          ctx.fillRect(this.x, this.y, this.width, this.height);
        },
        
        update: function() {
          if (this.isMovingUp && this.y > 0) {
            this.y -= this.speed;
          }
          if (this.isMovingDown && this.y < canvas.height - this.height) {
            this.y += this.speed;
          }
          if (this.isAttacking) {
            this.attack();
          }
        },
        
        attack: function() {
          // Handle attack logic here
          console.log('Peppino attacks PizzaFace!');
          this.isAttacking = false;
        }
      };
      
      var PizzaFace = {
        x: canvas.width - 90,
        y: canvas.height / 2 - 20,
        width: 40,
        height: 40,
        color: '#FF0000',
        
        draw: function() {
          ctx.fillStyle = this.color;
          ctx.fillRect(this.x, this.y, this.width, this.height);
        }
      };
      
      document.addEventListener('keydown', function(event) {
        if (event.key === 'ArrowUp') {
          Peppino.isMovingUp = true;
        } else if (event.key === 'ArrowDown') {
          Peppino.isMovingDown = true;
        } else if (event.key === ' ') {
          Peppino.isAttacking = true;
        }
      });
      
      document.addEventListener('keyup', function(event) {
        if (event.key === 'ArrowUp') {
          Peppino.isMovingUp = false;
        } else if (event.key === 'ArrowDown') {
          Peppino.isMovingDown = false;
        }
      });
      
      function gameLoop() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        Peppino.update();
        Peppino.draw();
        PizzaFace.draw();
        
        gameLoopId = requestAnimationFrame(gameLoop);
      }
      
      gameLoop();
    });
  </script>
</body>
</html>
```

When you open the HTML file in a web browser (preferably on a smartphone for a better experience), you'll see Peppino as a green rectangle at the left side of the screen and PizzaFace as a red rectangle at the right side. You can control Peppino's movement by swiping up or down on the screen. To attack, tap anywhere on the screen.

Note: This is a basic structure of the game and does not include any complex game mechanics or win/lose conditions. Feel free to modify and expand upon it as per your requirements.