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

No:43784

←

Prev Next

→

Very long story
Developer User19276｜Date and time 24/2/16 20:50:50
Build time 10.507 sec｜Game capacity 2.983KB｜

Script

Sure, here's an example of a simple game implemented as a single HTML file using JavaScript and enclosed in script tags:

Simple Game

Score: 0

In this game, there is a pictogram represented by an image that moves to a random position within a game area every second. The player's goal is to click on the pictogram as many times as possible to increase their score. The score is displayed at the top and updated every time the pictogram is clicked. The game starts when the "Play" button is clicked, and the pictogram movement and score incrementation continue until the player decides to stop or restart the game. Note that you will need to have a pictogram image file named "emozi_all/pictogram.png" in the same directory as the HTML file for the pictogram to be displayed properly. Additionally, you can adjust the game's appearance and functionality by modifying the CSS styles and JavaScript logic in the provided code.

←

Prev　Next

→ 　

Back　

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

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 using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Simple Game</title>
  <style>
    body {
      background-color: lightblue;
      font-family: Arial, sans-serif;
      text-align: center;
    }
    #gameArea {
      margin-top: 100px;
    }
    .pictogram {
      width: 50px;
      height: 50px;
    }
  </style>
</head>
<body>
  <h1>Simple Game</h1>
  <div id="gameArea">
    <img id="pictogram" class="pictogram" src="pictogram.png" alt="Pictogram">
    <p id="score">Score: 0</p>
    <button id="playButton">Play</button>
  </div>

// Play button click event handler
    document.getElementById('playButton').addEventListener('click', function() {
      // Reset score
      score = 0;
      document.getElementById('score').textContent = 'Score: 0';

// Randomly move the pictogram every second
      timer = setInterval(movePictogram, 1000);

// Disable play button
      document.getElementById('playButton').disabled = true;
    });

// Pictogram click event handler
    document.getElementById('pictogram').addEventListener('click', function() {
      // Increment score
      score++;
      document.getElementById('score').textContent = 'Score: ' + score;

// Move pictogram to a random position
      movePictogram();
    });

// Function to move the pictogram to a random position
    function movePictogram() {
      var areaWidth = document.getElementById('gameArea').offsetWidth;
      var areaHeight = document.getElementById('gameArea').offsetHeight;

var pictogramWidth = document.getElementById('pictogram').offsetWidth;
      var pictogramHeight = document.getElementById('pictogram').offsetHeight;

var randomX = Math.floor(Math.random() * (areaWidth - pictogramWidth));
      var randomY = Math.floor(Math.random() * (areaHeight - pictogramHeight));

document.getElementById('pictogram').style.left = randomX + 'px';
      document.getElementById('pictogram').style.top = randomY + 'px';
    }
  </script>
</body>
</html>
```

Note that you will need to have a pictogram image file named "pictogram.png" in the same directory as the HTML file for the pictogram to be displayed properly. Additionally, you can adjust the game's appearance and functionality by modifying the CSS styles and JavaScript logic in the provided code.