the rake and human trying to survive's game

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

No:10228

←

Prev Next

→

the rake and human trying to survive
Developer User4498｜Date and time 23/7/29 12:48:38
Build time 19.63 sec｜Game capacity 3.136KB｜

Script

Sure! Here's a simple game implemented as a single HTML file that uses JavaScript and can be played on a smartphone. The game involves a rake and a human trying to survive. Pictograms are used to represent the game elements. Just copy the code below into an HTML file and open it in a web browser to start playing:

This simple game allows you to control the rake using the arrow keys, while the human moves randomly on their own. The rake is represented by a brown rectangle (🍂) and the human by a pictogram (👤). The game canvas is 480 pixels wide and 320 pixels tall. Have fun playing the game and surviving against the human!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>The Rake Survival Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="480" height="320"></canvas>
  <script>
    // Game variables
    var canvas;
    var canvasContext;
    var rakeX = 50;
    var rakeY = 50;
    var rakeSpeed = 5;
    var humanX = 200;
    var humanY = 200;
    var humanSpeed = 3;

// Initialize the game
    function gameInit() {
      canvas = document.getElementById('gameCanvas');
      canvasContext = canvas.getContext('2d');
      setInterval(update, 1000 / 30); // Refresh game 30 times per second
    }

// Main game update loop
    function update() {
      moveRake();
      moveHuman();
      draw();
    }

// Move the rake based on player input
    function moveRake() {
      // Pictogram: 🍂
      if (isKeyPressed('ArrowUp')) {
        rakeY -= rakeSpeed;
      } else if (isKeyPressed('ArrowDown')) {
        rakeY += rakeSpeed;
      } else if (isKeyPressed('ArrowLeft')) {
        rakeX -= rakeSpeed;
      } else if (isKeyPressed('ArrowRight')) {
        rakeX += rakeSpeed;
      }
    }

// Move the human randomly
    function moveHuman() {
      // Pictogram: 👤
      var direction = Math.floor(Math.random() * 4);
      if (direction === 0) { // Up
        humanY -= humanSpeed;
      } else if (direction === 1) { // Down
        humanY += humanSpeed;
      } else if (direction === 2) { // Left
        humanX -= humanSpeed;
      } else if (direction === 3) { // Right
        humanX += humanSpeed;
      }
    }

// Draw the game elements on the canvas
    function draw() {
      // Clear canvas
      canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Draw rake
      canvasContext.fillStyle = 'brown';
      canvasContext.fillRect(rakeX, rakeY, 20, 20);

// Draw human
      canvasContext.fillStyle = 'black';
      canvasContext.fillText('👤', humanX, humanY);
    }

// Helper function to check if a key is pressed
    function isKeyPressed(key) {
      var keyPressed = false;
      document.addEventListener('keydown', function(event) {
        if (event.key === key) {
          keyPressed = true;
        }
      });
      document.addEventListener('keyup', function(event) {
        if (event.key === key) {
          keyPressed = false;
        }
      });
      return keyPressed;
    }

// Start the game when the page is loaded
    document.addEventListener('DOMContentLoaded', gameInit);
  </script>
</body>
</html>
```