Emoji making sign language's game

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

No:37375

←

Prev Next

→

Emoji making sign language
Developer User17064｜Date and time 24/1/21 2:51:19
Build time 8.836 sec｜Game capacity 2.612KB｜

Script

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

This game displays a moving pictogram (represented as an emoji) on a canvas, which bounces off the edges. The pictogram is selected randomly from a predefined list. You can customize the available pictograms by modifying the `pictograms` array. When viewed on a smartphone, the game will adapt to the screen size. The game automatically starts when the page finishes loading.

←

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, making use of JavaScript and using pictograms:

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Pictogram Game</title>
  </head>
  <body>
    <canvas id="gameCanvas" style="border:1px solid black;"></canvas>

// Define the size of each pictogram
      const pictogramSize = 50;

// Define an array of available pictograms
      const pictograms = ["🌞", "🌈", "🍕", "🎉", "🐱", "⚽️"];

// Define the position and velocity of the target pictogram
      let targetX = 0;
      let targetY = 0;
      let targetVX = 3;
      let targetVY = 2;

// Randomly select a target pictogram
      let targetPictogram = pictograms[Math.floor(Math.random() * pictograms.length)];

// Function to update and render the game
      function updateGame() {
        // Clear the canvas
        context.clearRect(0, 0, canvas.width, canvas.height);

// Update the position of the target pictogram
        targetX += targetVX;
        targetY += targetVY;

// Reverse the direction if the target pictogram hits the canvas edges
        if (targetX < 0 || targetX + pictogramSize > canvas.width) {
          targetVX *= -1;
        }
        if (targetY < 0 || targetY + pictogramSize > canvas.height) {
          targetVY *= -1;
        }

// Render the target pictogram at its current position
        context.font = pictogramSize + "px Arial";
        context.fillText(targetPictogram, targetX, targetY);

// Call the updateGame function again to create an animation loop
        requestAnimationFrame(updateGame);
      }

// Start the game when the page finishes loading
      window.onload = function() {
        // Set the canvas dimensions to match the screen size
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

// Call the updateGame function to start the game loop
        updateGame();
      };
    </script>
  </body>
</html>
```