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

No:15261

←

Prev Next

→

Ass
Developer User6636｜Date and time 23/9/8 6:02:28
Build time 18.763 sec｜Game capacity 3.348KB｜

Script

Sure, I can help you create a simple game using JavaScript enclosed in script tags within a single HTML file. The game will be compatible with smartphone operation and will use pictograms if possible. Here's an example:

Simple Game

In this example, the game area is a 300x300 pixel div and the player is represented by a pictogram (represented as 'emozi_all/game.png') which can be replaced with your own pictogram image. The player can be moved using the arrow keys on the smartphone's virtual keyboard. Please ensure to replace `'emozi_all/player.png'` with the correct path to your player pictogram image.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Simple Game</title>
    <style>
      body {
        font-family: Arial, sans-serif;
      }
    </style>
  </head>
  <body>
    <h1>Simple Game</h1>
    
    <div id="gameArea"></div>
    
    <script>
      // Define the game area
      var gameArea = document.getElementById('gameArea');
      gameArea.style.width = '300px';
      gameArea.style.height = '300px';
      gameArea.style.border = '1px solid black';
      gameArea.style.position = 'relative';
      
      // Define the player pictogram
      var player = document.createElement('img');
      player.src = 'player.png'; // Replace 'player.png' with the path to your player pictogram
      player.style.position = 'absolute';
      player.style.width = '50px';
      player.style.height = '50px';
      
      // Set initial player position
      var playerX = 0; // Player's X coordinate
      var playerY = 0; // Player's Y coordinate
      updatePlayerPosition();
      
      gameArea.appendChild(player);
      
      // Function to update player position on the screen
      function updatePlayerPosition() {
        player.style.left = playerX + 'px';
        player.style.top = playerY + 'px';
      }
      
      // Function to handle player movements
      function movePlayer(direction) {
        var step = 50; // Define the step size for player movement
        
        switch(direction) {
          case 'up':
            playerY -= step;
            break;
          case 'down':
            playerY += step;
            break;
          case 'left':
            playerX -= step;
            break;
          case 'right':
            playerX += step;
            break;
        }
        
        // Make sure the player stays within the game area
        if (playerX < 0) playerX = 0;
        if (playerY < 0) playerY = 0;
        if (playerX > (gameArea.offsetWidth - player.offsetWidth)) playerX = gameArea.offsetWidth - player.offsetWidth;
        if (playerY > (gameArea.offsetHeight - player.offsetHeight)) playerY = gameArea.offsetHeight - player.offsetHeight;
        
        updatePlayerPosition();
      }
      
      // Function to handle key press events
      function handleKeyPress(event) {
        var keyCode = event.keyCode;
        
        switch(keyCode) {
          case 38:
            movePlayer('up');
            break;
          case 40:
            movePlayer('down');
            break;
          case 37:
            movePlayer('left');
            break;
          case 39:
            movePlayer('right');
            break;
        }
      }
      
      // Event listener to handle key press events
      document.addEventListener('keydown', handleKeyPress);
    </script>
  </body>
</html>
```

In this example, the game area is a 300x300 pixel div and the player is represented by a pictogram (represented as 'player.png') which can be replaced with your own pictogram image. The player can be moved using the arrow keys on the smartphone's virtual keyboard.

Please ensure to replace `'player.png'` with the correct path to your player pictogram image.