踏み切りアニメ's game

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

No:18013

←

Prev Next

→

踏み切りアニメ
Developer User7888｜Date and time 23/9/26 1:06:14
Build time 42.661 sec｜Game capacity 3.416KB｜

Script

Sure, here is an example of a simple jumping game implemented as a single HTML file using JavaScript and pictograms:

To use this game, you need to replace the `emozi_all/game.png` and `emozi_apple.png` with your own pictograms representing the player and obstacles. The player jumps by tapping/clicking on the screen. The goal is to avoid collision with the obstacles. Have fun playing the game!

←

Prev　Next

→ 　

Back　

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

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

Sure, here is an example of a simple jumping game implemented as a single HTML file using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Jumping Game</title>
  <style>
    body {
      margin: 0;
      padding: 0;
    }
    canvas {
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="game" width="320" height="480"></canvas>
  <script>
    // Game variables
    var canvas, ctx;
    var player, gravity, jumpPower;
    var obstacles;
    var isGameOver;
    
    // Pictograms
    var playerImage = new Image();
    playerImage.src = "player.png";
    
    var obstacleImage = new Image();
    obstacleImage.src = "obstacle.png";
    
    // Game initialization
    function init() {
      canvas = document.getElementById("game");
      ctx = canvas.getContext("2d");
      
      player = {
        x: 50,
        y: canvas.height - 100,
        width: 50,
        height: 50,
        velocity: 0,
        isJumping: false
      };
      
      gravity = 0.5;
      jumpPower = 10;
      
      obstacles = [];
      isGameOver = false;
      
      document.addEventListener("mousedown", jump);
      
      main();
    }
    
    // Game loop
    function main() {
      update();
      render();
      
      if (!isGameOver) {
        requestAnimationFrame(main);
      }
    }
    
    // Game logic
    function update() {
      player.velocity += gravity;
      player.y += player.velocity;
      
      if (player.y >= canvas.height - player.height) {
        player.y = canvas.height - player.height;
        player.isJumping = false;
      }
      
      if (player.y <= 0) {
        player.y = 0;
      }
      
      for (var i = 0; i < obstacles.length; i++) {
        obstacles[i].x -= 5;
        
        if (isColliding(player, obstacles[i])) {
          isGameOver = true;
          break;
        }
        
        if (obstacles[i].x + obstacles[i].width < 0) {
          obstacles.splice(i, 1);
          i--;
        }
      }
      
      if (Math.random() < 0.01) {
        obstacles.push({
          x: canvas.width,
          y: canvas.height - 100,
          width: 50,
          height: 50
        });
      }
    }
    
    // Render function
    function render() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      ctx.drawImage(playerImage, player.x, player.y, player.width, player.height);
      
      for (var i = 0; i < obstacles.length; i++) {
        ctx.drawImage(obstacleImage, obstacles[i].x, obstacles[i].y, obstacles[i].width, obstacles[i].height);
      }
    }
    
    // Jump function
    function jump() {
      if (!player.isJumping) {
        player.velocity = -jumpPower;
        player.isJumping = true;
      }
    }
    
    // Collision detection
    function isColliding(rect1, rect2) {
      if (rect1.x < rect2.x + rect2.width &&
          rect1.x + rect1.width > rect2.x &&
          rect1.y < rect2.y + rect2.height &&
          rect1.y + rect1.height > rect2.y) {
        return true;
      }
      
      return false;
    }
    
    // Start the game
    init();
  </script>
</body>
</html>
```

To use this game, you need to replace the `player.png` and `obstacle.png` with your own pictograms representing the player and obstacles. The player jumps by tapping/clicking on the screen. The goal is to avoid collision with the obstacles. Have fun playing the game!