Running from a spikeball for all devices's game

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

No:17203

117

←

Prev Next

→

Running from a spikeball for all devices
Developer User7570｜Date and time 23/9/22 10:07:55
Build time 29.619 sec｜Game capacity 3.433KB｜

Script

Sure! Here's an example of a simple game where you control a character running away from a spikeball using smartphone operation and pictograms:

This HTML file contains a simple game where you control a character (blue square) using touch events. The goal is to avoid the red spikeball (circle) that moves around the canvas. The score increases as you continue playing, and if the character collides with the spikeball, the game over alert will be shown, and the score will be reset. Please note that due to the limitations of the text-based interface, running this code directly may not result in the expected gameplay experience. You will need to copy the code into an HTML file and open it in a web browser to see the game in action.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple game where you control a character running away from a spikeball using smartphone operation and pictograms:

```html
<!DOCTYPE html>
<html>

<head>
  <title>Running from Spikeball</title>
</head>

// Run the game when the page loads
    window.onload = function () {
      canvas = document.getElementById('gameCanvas');
      canvasContext = canvas.getContext('2d');
      setInterval(updateGame, 1000 / 30);
    }

// Update the game state
    function updateGame() {
      moveCharacter();
      moveSpikeball();
      drawGame();
      checkCollision();
    }

// Move the character based on smartphone operation
    function moveCharacter() {
      canvas.addEventListener('touchstart', function (e) {
        characterX = e.touches[0].pageX - canvas.offsetLeft;
        characterY = e.touches[0].pageY - canvas.offsetTop;
      });

canvas.addEventListener('touchmove', function (e) {
        characterX = e.touches[0].pageX - canvas.offsetLeft;
        characterY = e.touches[0].pageY - canvas.offsetTop;
      });
    }

// Move the spikeball
    function moveSpikeball() {
      spikeballX += spikeballSpeedX;
      spikeballY += spikeballSpeedY;

if (spikeballX < 0 || spikeballX > canvas.width) {
        spikeballSpeedX *= -1;
      }

if (spikeballY < 0 || spikeballY > canvas.height) {
        spikeballSpeedY *= -1;
      }
    }

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

// Draw character
      canvasContext.fillStyle = "#0000FF";
      canvasContext.fillRect(characterX, characterY, 30, 30);

// Draw spikeball
      canvasContext.fillStyle = "#FF0000";
      canvasContext.beginPath();
      canvasContext.arc(spikeballX, spikeballY, 20, 0, Math.PI * 2, true);
      canvasContext.fill();

// Draw score
      canvasContext.fillStyle = "#000000";
      canvasContext.fillText("Score: " + score, 10, 20);
    }

// Check collision between character and spikeball
    function checkCollision() {
      var dx = characterX - spikeballX;
      var dy = characterY - spikeballY;
      var distance = Math.sqrt(dx * dx + dy * dy);

if (distance < 30) {
        gameOver();
      }
    }

// Game over function
    function gameOver() {
      alert("Game Over! Score: " + score);
      characterX = 50;
      characterY = 50;
      score = 0;
    }
  </script>
</body>

</html>
```

Please note that due to the limitations of the text-based interface, running this code directly may not result in the expected gameplay experience. You will need to copy the code into an HTML file and open it in a web browser to see the game in action.