a game where you jump over spikes and make your own levels and a really fun game's game

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

No:42893

←

Prev Next

→

a game where you jump over spikes and make your ow..ALL
Developer User16101｜Date and time 24/2/13 9:04:45
Build time 13.559 sec｜Game capacity 3.81KB｜

Script

Sure, I can help you create a game where you jump over spikes, create your own levels, and make it really fun. Here's an example implementation of this game using HTML and JavaScript:

This HTML file contains the necessary styles, canvas, and script tags to create the game. When you open the file in a web browser, you'll see a canvas element displaying the game. You can tap/click anywhere on the canvas to make the player jump and avoid the spikes. The spikes are randomly chosen from the available levels each time the game restarts. Feel free to modify and enhance the game to make it even more fun!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure, I can help you create a game where you jump over spikes, create your own levels, and make it really fun. Here's an example implementation of this game using HTML and JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Spikes Jump Game</title>
  <style>
    canvas {
      border: 1px solid black;
      background-color: #ccc;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    // Game variables
    var canvas, ctx;
    var player, spikes;
    var gameStarted = false;
    var levels = [];
    
    // Player object
    function Player(x, y) {
      this.x = x;
      this.y = y;
      this.width = 50;
      this.height = 50;
      this.velocityY = 0;
      this.jumping = false;
      this.gravity = 0.5;
      
      this.jump = function() {
        if (!this.jumping) {
          this.velocityY = -12; // Jump power
          this.jumping = true;
        }
      }
      
      this.update = function() {
        this.y += this.velocityY;
        this.velocityY += this.gravity;
        
        // Ground collision
        if (this.y + this.height > canvas.height) {
          this.y = canvas.height - this.height;
          this.jumping = false;
          this.velocityY = 0;
        }
        
        // Spike collision
        for (var i = 0; i < spikes.length; i++) {
          if (this.x < spikes[i].x + spikes[i].width &&
              this.x + this.width > spikes[i].x &&
              this.y < spikes[i].y + spikes[i].height &&
              this.y + this.height > spikes[i].y) {
            gameStarted = false; // Game over condition
          }
        }
      }
      
      this.draw = function() {
        ctx.fillStyle = "#000";
        ctx.fillRect(this.x, this.y, this.width, this.height);
      }
    }
    
    // Spike object
    function Spike(x, y, width, height) {
      this.x = x;
      this.y = y;
      this.width = width;
      this.height = height;
      
      this.draw = function() {
        ctx.fillStyle = "#f00";
        ctx.fillRect(this.x, this.y, this.width, this.height);
      }
    }
    
    // Game initialization
    function init() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");
      
      player = new Player(50, canvas.height - 50);
      spikes = [];
      
      // Level 1
      spikes.push(new Spike(200, canvas.height - 50, 100, 50));
      
      // Level 2
      // spikes.push(new Spike(150, canvas.height - 100, 100, 50));
      // spikes.push(new Spike(250, canvas.height - 100, 100, 50));
      
      // Add more levels here...
      
      // Event listener for jump action
      document.addEventListener("click", function() {
        if (gameStarted) {
          player.jump();
        } else {
          gameStarted = true;
          spikes = levels[Math.floor(Math.random() * levels.length)];
        }
      });
      
      // Start game loop
      gameLoop();
    }
    
    // Game loop
    function gameLoop() {
      if (!gameStarted) return;
      
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      player.update();
      player.draw();
      
      spikes.forEach(function(spike) {
        spike.draw();
      });
      
      requestAnimationFrame(gameLoop);
    }
    
    // Start game
    init();
  </script>
</body>
</html>
```