Sega CD System's game | AI game creator

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

No:24428

100

Sega CD System
Developer User11298｜Date and time 23/11/9 3:11:15
Build time 95.258 sec｜Game capacity 6.088KB｜

Sure! Here's an example of a simple game implemented as a single HTML file, using JavaScript and pictograms:

This game is called "Pictogram Catch". The objective is to catch as many randomly falling pictograms as possible by clicking/tapping on them. Each caught pictogram increases the score by 10 points. The game ends when the player catches 10 pictograms. The game canvas is initialized with a size of 400x400 pixels, and the pictograms and player are represented by images of size 100x100 pixels. The pictograms are randomly selected from an array of pictogram image paths. Please note that you would need to replace the image file paths (`emozi_dog.png`, `emozi_all/player.png`) with actual image files for the game to work properly. To play the game, you can save the above code into a file with a `.html` extension and open it in a modern web browser (preferably on a smartphone for a better mobile experience). Interact with the game by clicking/tapping on the falling pictograms to catch them. The score will increment with each successful catch, and the game will end after catching 10 pictograms.

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Sure! Here's an example of a simple game implemented as a single HTML file, using JavaScript and pictograms:

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

<script>
      // Define pictograms as image paths
      const pictograms = [
        "pictogram1.png",
        "pictogram2.png",
        "pictogram3.png",
        "pictogram4.png",
      ];

// Game parameters
      const gameWidth = 400;
      const gameHeight = 400;
      const pictogramSize = 100;
      const pictogramSpeed = 2;
      const maxPictograms = 10;

// Game state variables
      let score = 0;
      let pictogramsCaught = 0;
      let gameOver = false;

// Helper function to generate random coordinates
      function getRandomCoordinate(max) {
        return Math.floor(Math.random() * max);
      }

// Game object
      const game = {
        canvas: document.getElementById("gameCanvas"),
        ctx: null,
        pictograms: [],
        player: null,

// Initialize the game
        start: function () {
          this.canvas.width = gameWidth;
          this.canvas.height = gameHeight;
          this.ctx = this.canvas.getContext("2d");
          this.player = new Player(gameWidth / 2, gameHeight / 2);
          this.pictogramInterval = setInterval(this.generatePictogram.bind(this), 1000);

// Attach event listener to handle player movement
          this.canvas.addEventListener("click", (event) =>
            this.player.move(event.offsetX, event.offsetY)
          );

// Start the game loop
          this.update();
        },

// Generate a random pictogram object
        generatePictogram: function () {
          if (this.pictograms.length < maxPictograms && !gameOver) {
            const x = getRandomCoordinate(gameWidth - pictogramSize);
            const y = getRandomCoordinate(gameHeight - pictogramSize);
            const pictogram = new Pictogram(x, y);
            this.pictograms.push(pictogram);
          }
        },

// Update game state and render
        update: function () {
          if (!gameOver) {
            this.ctx.clearRect(0, 0, gameWidth, gameHeight);

// Update player
            this.player.update();
            this.player.render();

// Update and render pictograms
            this.pictograms.forEach((pictogram) => {
              pictogram.update();
              pictogram.render();

if (this.player.checkCollision(pictogram)) {
                this.pictogramsCaught++;
                score += 10;
                this.removePictogram(pictogram);
              }
            });

// Display score
            this.ctx.fillStyle = "#000";
            this.ctx.font = "20px Arial";
            this.ctx.fillText(`Score: ${score}`, 10, 30);

// Check game over condition
            if (this.pictogramsCaught >= maxPictograms) {
              gameOver = true;
              clearInterval(this.pictogramInterval);
              this.ctx.fillText("Game Over!", gameWidth / 2 - 50, gameHeight / 2);
            }

// Request next frame
            requestAnimationFrame(this.update.bind(this));
          }
        },

// Remove a pictogram from the game
        removePictogram: function (pictogram) {
          const index = this.pictograms.indexOf(pictogram);
          if (index > -1) {
            this.pictograms.splice(index, 1);
          }
        },
      };

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

this.move = function (targetX, targetY) {
          this.x = targetX;
          this.y = targetY;
        };

this.update = function () {};

this.render = function () {
          const image = new Image();
          image.src = "player.png";
          game.ctx.drawImage(image, this.x, this.y, pictogramSize, pictogramSize);
        };

this.checkCollision = function (pictogram) {
          return (
            this.x < pictogram.x + pictogramSize &&
            this.x + pictogramSize > pictogram.x &&
            this.y < pictogram.y + pictogramSize &&
            this.y + pictogramSize > pictogram.y
          );
        };
      }

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

this.update = function () {
          this.y += pictogramSpeed;

if (this.y > gameHeight) {
            game.removePictogram(this);
          }
        };

this.render = function () {
          const image = new Image();
          image.src = pictograms[Math.floor(Math.random() * pictograms.length)];
          game.ctx.drawImage(image, this.x, this.y, pictogramSize, pictogramSize);
        };
      }

// Start the game on page load
      window.onload = function () {
        game.start();
      };
    </script>
  </body>
</html>
```

This game is called "Pictogram Catch". The objective is to catch as many randomly falling pictograms as possible by clicking/tapping on them. Each caught pictogram increases the score by 10 points. The game ends when the player catches 10 pictograms. The game canvas is initialized with a size of 400x400 pixels, and the pictograms and player are represented by images of size 100x100 pixels. The pictograms are randomly selected from an array of pictogram image paths.

Please note that you would need to replace the image file paths (`pictogram[1-4].png`, `player.png`) with actual image files for the game to work properly.

To play the game, you can save the above code into a file with a `.html` extension and open it in a modern web browser (preferably on a smartphone for a better mobile experience). Interact with the game by clicking/tapping on the falling pictograms to catch them. The score will increment with each successful catch, and the game will end after catching 10 pictograms.