Bob's world: jump, dunk, left and right the obstacles's game

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

No:28218

←

Prev Next

→

Bob's world: jump, dunk, left and right the obstac..ALL
Developer User13970｜Date and time 23/12/11 8:44:50
Build time 31.047 sec｜Game capacity 3.807KB｜

Script

Sure! Here's a simple implementation of Bob's World game using JavaScript and pictograms:

This game consists of a blue player at the bottom of the game area. The player can jump by pressing the up arrow key or the spacebar key. The player can move left and right using the left and right arrow keys. Red obstacles will appear from the top of the game area, and the player needs to avoid them. If the player collides with an obstacle, the game ends. Note: This is a basic implementation and can be further enhanced with additional features, levels, and better graphics.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Sure! Here's a simple implementation of Bob's World game using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Bob's World</title>
  <style>
    #game {
      width: 400px;
      height: 600px;
      border: 1px solid black;
      background-color: #f5f5f5;
      position: relative;
      overflow: hidden;
    }
    #player {
      width: 50px;
      height: 50px;
      background-color: blue;
      position: absolute;
      bottom: 0;
      left: 50px;
    }
    .obstacle {
      width: 60px;
      height: 60px;
      background-color: red;
      position: absolute;
      bottom: 0;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="player"></div>
  </div>

var playerLeft = 50;
      var gravity = 10;
      var jumpForce = 20;

function moveLeft() {
        var playerLeft = parseInt(player.style.left.slice(0, -2));
        player.style.left = (playerLeft - 10) + "px";
      }

function moveRight() {
        var playerLeft = parseInt(player.style.left.slice(0, -2));
        player.style.left = (playerLeft + 10) + "px";
      }

var obstacleInterval = setInterval(function() {
        var obstacle = document.createElement("div");
        obstacle.classList.add("obstacle");
        obstacle.style.left = Math.floor(Math.random() * (400 - 60 + 1)) + 1 + "px";
        game.appendChild(obstacle);

var obstacleInterval = setInterval(function() {
          var obstacleBottom = parseInt(obstacle.style.bottom.slice(0, -2));
          obstacleBottom += 10;
          obstacle.style.bottom = obstacleBottom + "px";

var playerBottom = parseInt(player.style.bottom.slice(0, -2));
          var playerLeft = parseInt(player.style.left.slice(0, -2));

if (obstacleBottom === playerBottom && playerLeft >= parseInt(obstacle.style.left.slice(0, -2)) && playerLeft <= (parseInt(obstacle.style.left.slice(0, -2)) + 60)) {
            clearInterval(obstacleInterval);
            clearInterval(obstacleInterval);
            alert("Game Over!");
          }

if (obstacleBottom > 600) {
            clearInterval(obstacleInterval);
            game.removeChild(obstacle);
          }
        }, 100);
      }, 2000);
    });
  </script>
</body>
</html>
```

Note: This is a basic implementation and can be further enhanced with additional features, levels, and better graphics.