AI game creator

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

No:20128

←

Prev Next

→

Online game
Developer User8964｜Date and time 23/10/8 13:55:28
Build time 16.317 sec｜Game capacity 2.523KB｜

Script

Sure! Here's an example of a simple game that you can play online on a smartphone. It uses pictograms to represent game elements. Just copy the code below and save it as an HTML file on your server or computer, and then you can open it in a web browser on your smartphone to play the game.

The game displays different food pictograms randomly on the screen, and your goal is to click on them to increase your score. The score is shown at the top right corner of the screen. Each click on a pictogram adds 1 point to your score. Note: This is just a basic example, and you can enhance and customize the game as per your preferences.

←

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>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
      background-color: #f0f0f0;
    }
    
    #gameCanvas {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
      font-size: 6em;
    }
    
    .pictogram {
      margin: 10px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

var canvas = document.getElementById("gameCanvas");
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;
    var context = canvas.getContext('2d');

function getRandomPictogram() {
      return pictograms[Math.floor(Math.random() * pictograms.length)];
    }

function drawPictogram() {
      var x = Math.random() * (canvas.width - 200) + 100;
      var y = Math.random() * (canvas.height - 200) + 100;
      var pictogram = getRandomPictogram();
      context.fillText(pictogram, x, y);
    }

function startGame() {
      setInterval(drawPictogram, 1000);
    }

function increaseScore() {
      score++;
      document.getElementById('score').innerText = score;
    }

function handleClick(event) {
      var clickX = event.pageX;
      var clickY = event.pageY;

for (var i = 0; i < pictograms.length; i++) {
        var pictogram = pictograms[i];
        var x = clickX - 50;
        var y = clickY - 80;

if (context.fillText(pictogram, x, y)) {
          increaseScore();
        }
      }
    }

// Game setup
    context.font = '80px Arial';
    context.textAlign = 'center';

canvas.addEventListener('mousedown', handleClick);

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

Note: This is just a basic example, and you can enhance and customize the game as per your preferences.