Make a game without guns's game

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

No:8351

2181

←

Prev Next

→

Make a game without guns
Developer User4177｜Date and time 23/7/15 13:13:21
Build time 19.195 sec｜Game capacity 2.387KB｜

Script

Sure, here's a simple game without guns that you can play on a smartphone. Since you mentioned the use of pictograms, I'll include some basic graphics to represent the game elements. Just copy and paste the code into a single HTML file and open it in a web browser to play the game:

In this game, you control a player pictogram represented by a blue square. Use the left and right arrow keys on your smartphone to move the player horizontally within the canvas. The game is enclosed in the script tags and contains JavaScript for player movement, event handling, and drawing the player on the canvas. The processing is started by the `draw()` function, which is called recursively using `requestAnimationFrame()` to update the game state and render the player continuously.

←

Prev　Next

→ 　

Back　

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

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

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

// Event listeners for player movement
    document.addEventListener("keydown", keyDownHandler, false);
    document.addEventListener("keyup", keyUpHandler, false);

function keyDownHandler(e) {
      if (e.key === "ArrowLeft") {
        leftPressed = true;
      } else if (e.key === "ArrowRight") {
        rightPressed = true;
      }
    }

function keyUpHandler(e) {
      if (e.key === "ArrowLeft") {
        leftPressed = false;
      } else if (e.key === "ArrowRight") {
        rightPressed = false;
      }
    }

function drawPlayer() {
      // Draw player pictogram
      ctx.beginPath();
      ctx.rect(playerX, playerY, 50, 50);
      ctx.fillStyle = "blue";
      ctx.fill();
      ctx.closePath();
    }

function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawPlayer();

// Update player position based on key presses
      if (leftPressed) {
        playerX -= playerSpeed;
      } else if (rightPressed) {
        playerX += playerSpeed;
      }

requestAnimationFrame(draw);
    }

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