A game but it's very cool 😎's game

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

No:21633

113

←

Prev Next

→

A game but it's very cool 😎
Developer User9947｜Date and time 23/10/17 0:58:12
Build time 101.387 sec｜Game capacity 2.79KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file, enclosed in script tags, using JavaScript. This game is designed to be played on a smartphone and uses pictograms for visual elements:

In this game, the player (depicted by pictogram1) is controlled by dragging on the screen. The objective is to avoid collision with the enemy (depicted by pictogram2) as it moves down the canvas. The score increments each time the enemy passes the bottom of the canvas. The game ends when the player collides with the enemy, and the final score is displayed.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Cool Pictogram Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="600"></canvas>

// Define game variables
    let score = 0;
    let gameover = false;

// Load pictograms
    const pictogram1 = new Image();
    pictogram1.src = 'pictogram1.png';

const pictogram2 = new Image();
    pictogram2.src = 'pictogram2.png';

// Define game objects
    const player = {
      x: canvas.width / 2 - 20,
      y: canvas.height - 50,
      width: 40,
      height: 40,
      image: pictogram1,
    };

const enemy = {
      x: canvas.width / 2 - 20,
      y: 10,
      width: 40,
      height: 40,
      image: pictogram2,
    };

// Handle touch events
    canvas.addEventListener('touchmove', function (e) {
      const touchX = e.touches[0].clientX - canvas.offsetLeft;
      player.x = touchX - player.width / 2;
    });

// Update game state
    function update() {
      if (gameover) return;

// Move enemy downwards
      enemy.y += 1;

// Check for collision
      if (player.x < enemy.x + enemy.width &&
          player.x + player.width > enemy.x &&
          player.y < enemy.y + enemy.height &&
          player.y + player.height > enemy.y) {
        gameover = true;
        alert('Game Over! Your Score: ' + score);
      }

// Increase score
      if (enemy.y + enemy.height > canvas.height) {
        score++;
        enemy.y = 10;
        enemy.x = Math.random() * (canvas.width - enemy.width);
      }

// Clear canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player and enemy
      ctx.drawImage(player.image, player.x, player.y, player.width, player.height);
      ctx.drawImage(enemy.image, enemy.x, enemy.y, enemy.width, enemy.height);

// Update score
      ctx.font = '20px Arial';
      ctx.fillText('Score: ' + score, 20, 40);

// Request next frame
      requestAnimationFrame(update);
    }

// Start game
    pictogram1.onload = function () {
      update();
    };
  </script>
</body>
</html>
```