AI game creator

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

No:19289

←

Prev Next

→

sharrif shooting
Developer User8518｜Date and time 23/10/2 19:29:30
Build time 14.753 sec｜Game capacity 2.381KB｜

Script

Sure! Here's a simple game called "Pictogram Shooter" implemented in a single HTML file using JavaScript:

This game is a simple shooting game where you control a blue square (player) on a canvas with touches on a smartphone. Your goal is to shoot the red squares (targets) by colliding with them. The score increases every time you successfully hit a target. The game runs continuously until you reload the page.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Sure! Here's a simple game called "Pictogram Shooter" implemented in a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Shooter</title>
  <style>
    #canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="canvas" width="400" height="400"></canvas>

const playerSize = 40;
    const targetSize = 30;

let playerX = canvas.width / 2;
    let playerY = canvas.height - playerSize;
    let targetX;
    let targetY;
    let score = 0;

function drawPlayer() {
      context.fillStyle = 'blue';
      context.fillRect(playerX, playerY, playerSize, playerSize);
    }

function drawTarget() {
      context.fillStyle = 'red';
      context.fillRect(targetX, targetY, targetSize, targetSize);
    }

function updateScore() {
      context.fillStyle = 'black';
      context.font = '20px Arial';
      context.fillText('Score: ' + score, 10, 25);
    }

function resetTarget() {
      targetX = Math.random() * (canvas.width - targetSize);
      targetY = Math.random() * (canvas.height - targetSize);
    }

function detectCollision() {
      if (
        playerX < targetX + targetSize &&
        playerX + playerSize > targetX &&
        playerY < targetY + targetSize &&
        playerY + playerSize > targetY
      ) {
        score++;
        resetTarget();
      }
    }

function draw() {
      context.clearRect(0, 0, canvas.width, canvas.height);
      drawPlayer();
      drawTarget();
      updateScore();
      detectCollision();
      requestAnimationFrame(draw);
    }

function handleTouch(event) {
      const touchX = event.touches[0].clientX - canvas.offsetLeft;
      const touchY = event.touches[0].clientY - canvas.offsetTop;

if (touchY < playerY) {
        playerX = touchX - (playerSize / 2);
      }
    }

canvas.addEventListener('touchstart', handleTouch);

resetTarget();
    draw();
  </script>
</body>
</html>
```