super high quality game where you can jump over the spikes and create your own levels's game

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

No:42896

←

Prev Next

→

super high quality game where you can jump over th..ALL
Developer User16101｜Date and time 24/2/13 9:08:31
Build time 12.207 sec｜Game capacity 3.204KB｜

Script

Sure! I can create a simple game for you where you can jump over spikes and even create your own levels. Here's the code for the HTML file that you can run on your smartphone:

This HTML code defines a canvas element where the game will be displayed. The script starting from the `
` tag contains the JavaScript code for the game logic. The game allows you (the player) to jump over spikes using either mouse clicks or the spacebar key. The player character is represented by a blue rectangle, and the spikes are represented by red rectangles. The game updates the positions of the player and spikes in the `update()` function, and then redraws them on the canvas. To create your own levels, you can modify the `spikes` array in the `init()` function to add or remove spikes at different positions on the canvas. Please note that this is a basic example, and you can enhance it further with additional features and graphical elements based on your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure! I can create a simple game for you where you can jump over spikes and even create your own levels. Here's the code for the HTML file that you can run on your smartphone:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Spikes Jump Game</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="300"></canvas>

// Game variables
    let canvas, ctx, player, spikes;

// Initialize game
    function init() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");

player = {
        x: 50,
        y: GAME_HEIGHT - PLAYER_HEIGHT - 10,
        jumpForce: -12,
        ySpeed: 0,
        isJumping: false,
      };

spikes = [
        { x: 150, y: GAME_HEIGHT - SPIKE_HEIGHT - 10 },
        { x: 250, y: GAME_HEIGHT - SPIKE_HEIGHT - 10 },
      ];

canvas.addEventListener("click", handleJump);
      canvas.addEventListener("keydown", handleKeyDown);

setInterval(update, 20);
    }

// Update game logic
    function update() {
      // Clear canvas
      ctx.clearRect(0, 0, GAME_WIDTH, GAME_HEIGHT);

// Update player position
      if (player.isJumping) {
        player.ySpeed += GRAVITY;
        player.y += player.ySpeed;
        if (player.y >= GAME_HEIGHT - PLAYER_HEIGHT - 10) {
          player.y = GAME_HEIGHT - PLAYER_HEIGHT - 10;
          player.ySpeed = 0;
          player.isJumping = false;
        }
      }

// Draw player
      ctx.fillStyle = "blue";
      ctx.fillRect(player.x, player.y, PLAYER_WIDTH, PLAYER_HEIGHT);

// Draw spikes
      ctx.fillStyle = "red";
      spikes.forEach(function (spike) {
        ctx.fillRect(spike.x, spike.y, SPIKE_WIDTH, SPIKE_HEIGHT);
      });
    }

// Handle player jump
    function handleJump() {
      if (!player.isJumping) {
        player.ySpeed = player.jumpForce;
        player.isJumping = true;
      }
    }

// Handle key events
    function handleKeyDown(event) {
      if (event.keyCode === 32 && !player.isJumping) {
        handleJump();
      }
    }

// Start game
    init();
  </script>
</body>
</html>
```

This HTML code defines a canvas element where the game will be displayed. The script starting from the `<script>` tag contains the JavaScript code for the game logic.

The game allows you (the player) to jump over spikes using either mouse clicks or the spacebar key. The player character is represented by a blue rectangle, and the spikes are represented by red rectangles. The game updates the positions of the player and spikes in the `update()` function, and then redraws them on the canvas.

To create your own levels, you can modify the `spikes` array in the `init()` function to add or remove spikes at different positions on the canvas.

Please note that this is a basic example, and you can enhance it further with additional features and graphical elements based on your requirements.