AI game creator

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

No:24954

←

Prev Next

→

Make a good game
Developer User12039｜Date and time 23/11/15 4:18:34
Build time 94.418 sec｜Game capacity 3.103KB｜

Script

Sure! Here's a simple game implemented as a single HTML file with JavaScript code, using pictograms for smartphone operation. You can play the game by following the on-screen instructions. Please note that this is a basic example and can be further expanded and enhanced to create a more engaging gameplay experience.

To play the game on your smartphone, simply save the code as an HTML file, open it in a browser on your smartphone, and interact with the on-screen pictograms as instructed. The player will be represented by a black square, and you need to touch it to increase your score. The current score is displayed at the top-left corner of the screen. Have fun playing!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="600"></canvas>
  <script>
    // Game variables
    var canvas;
    var context;
    var playerX;
    var playerY;
    var pictogramSize;
    var score;

// Initialize game
    function initializeGame() {
      canvas = document.getElementById('gameCanvas');
      context = canvas.getContext('2d');
      playerX = canvas.width / 2;
      playerY = canvas.height / 2;
      pictogramSize = 50;
      score = 0;

// Add event listeners for touch events
      canvas.addEventListener('touchstart', handleTouchStart, false);
      canvas.addEventListener('touchmove', handleTouchMove, false);

// Start game loop
      setInterval(updateGame, 20);
    }

// Game loop
    function updateGame() {
      clearCanvas();
      drawPlayer();
      drawScore();
    }

// Clear canvas
    function clearCanvas() {
      context.clearRect(0, 0, canvas.width, canvas.height);
    }

// Draw player
    function drawPlayer() {
      context.fillStyle = '#000000';
      context.fillRect(playerX - pictogramSize / 2, playerY - pictogramSize / 2, pictogramSize, pictogramSize);
    }

// Draw score
    function drawScore() {
      context.font = '16px Arial';
      context.fillStyle = '#000000';
      context.fillText('Score: ' + score, 10, 30);
    }

// Handle touch start events
    function handleTouchStart(event) {
      event.preventDefault();
      var touches = event.changedTouches;

for (var i = 0; i < touches.length; i++) {
        var touch = touches[i];
        var touchX = touch.pageX - canvas.offsetLeft;
        var touchY = touch.pageY - canvas.offsetTop;

if (touchX > playerX - pictogramSize / 2 && touchX < playerX + pictogramSize / 2 &&
            touchY > playerY - pictogramSize / 2 && touchY < playerY + pictogramSize / 2) {
          // Player touched, increase score
          score++;
        }
      }
    }

// Handle touch move events
    function handleTouchMove(event) {
      event.preventDefault();
      var touches = event.changedTouches;

for (var i = 0; i < touches.length; i++) {
        var touch = touches[i];
        playerX = touch.pageX - canvas.offsetLeft;
        playerY = touch.pageY - canvas.offsetTop;
      }
    }

// Start game
    initializeGame();
  </script>
</body>
</html>
```