AI game creator

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

No:21421

←

Prev Next

→

Code blocks
Developer User9721｜Date and time 23/10/15 10:53:58
Build time 110.462 sec｜Game capacity 4.083KB｜

Script

Sure, here's an example of a simple game implemented as a single HTML file with JavaScript enclosed in script tags. This game can be played on a smartphone and uses pictograms for visuals.

This code sets up a simple game where the player controls a rocket (`🚀`) using left and right arrow keys. Pictograms (represented by various emoji symbols) fall from the top of the canvas, and the player needs to catch them by colliding with them. Each caught pictogram increases the score, and if a pictogram goes off the screen, the game ends. The score is displayed at the top left corner of the canvas.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure, here's an example of a simple game implemented as a single HTML file with JavaScript enclosed in script tags. This game can be played on a smartphone and uses pictograms for visuals.

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

var score = 0;
    var gameOver = false;
    var pictogramSize = 50;

// Pictogram images
    var pictogramImages = [
      "🌲", "🌊", "🐱", "🌞", "🍎", "🚀"
    ];

// Pictogram object
    function Pictogram(x, y, image) {
      this.x = x;
      this.y = y;
      this.image = image;

this.update = function() {
        this.y += 2; // Pictogram falls down at a constant speed

if (this.y > canvas.height) {
          // Pictogram goes off the screen -> gameover
          gameOver = true;
        }
      }

this.draw = function() {
        context.font = "48px sans-serif";
        context.fillText(this.image, this.x, this.y);
      }
    }

// Player object
    var player = {
      x: canvas.width / 2,
      y: canvas.height - pictogramSize,
      width: pictogramSize,
      height: pictogramSize,
      image: "🚀",
      speed: 5
    }

// Keyboard event listeners
    document.addEventListener("keydown", handleKeyDown);
    document.addEventListener("keyup", handleKeyUp);

var leftPressed = false;
    var rightPressed = false;

function handleKeyDown(event) {
      if (event.keyCode === 37) {
        leftPressed = true;
      } else if (event.keyCode === 39) {
        rightPressed = true;
      }
    }

function handleKeyUp(event) {
      if (event.keyCode === 37) {
        leftPressed = false;
      } else if (event.keyCode === 39) {
        rightPressed = false;
      }
    }

// Game loop
    function gameLoop() {
      if (gameOver) {
        alert("Game Over! Your score: " + score);
        return; // Stop the game loop
      }

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

// Update and draw the pictograms
      pictograms.forEach(function(pictogram) {
        pictogram.update();
        pictogram.draw();

// Check collision with player
        if (
          pictogram.x < player.x + player.width &&
          pictogram.x + pictogramSize > player.x &&
          pictogram.y < player.y + player.height &&
          pictogram.y + pictogramSize > player.y
        ) {
          score++;
          pictogram.y = -pictogramSize; // Move pictogram off the screen
        }
      });

// Handle player movement
      if (leftPressed && player.x > 0) {
        player.x -= player.speed;
      } else if (rightPressed && player.x < canvas.width - player.width) {
        player.x += player.speed;
      }

// Draw the player
      context.font = "48px sans-serif";
      context.fillText(player.image, player.x, player.y);

// Update the score
      context.font = "16px sans-serif";
      context.fillText("Score: " + score, 10, 20);

// Run the game loop
      requestAnimationFrame(gameLoop);
    }

// Initialize the game
    var pictograms = [];

setInterval(function() {
      var randomIndex = Math.floor(Math.random() * pictogramImages.length);
      var randomX = Math.random() * (canvas.width - pictogramSize);
      var pictogram = new Pictogram(randomX, -pictogramSize, pictogramImages[randomIndex]);
      pictograms.push(pictogram);
    }, 1500);

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