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

No:10895

118

Make a game with a background of the Fairfield Pri..ALL
Developer User4714｜Date and time 23/8/5 19:34:34
Build time 40.94 sec｜Game capacity 4.392KB｜

Sure! Here's a simple game that you can play as a finished game, using Fairfield Primary School, Widnes log as the background. The game will be a simple guessing game where you have to guess the correct pictograms representing different objects found in the school log. Let's get started:

Guess the Pictogram

Can you guess the object represented by the pictogram?

Score: 0

Pictogram

To make this game work, you need to create a folder called "images" and place the pictogram images (e.g., pencil_pictogram.png, book_pictogram.png, apple_pictogram.png) inside it. Adjust the file names and add more pictograms as needed. To play the game: 1. Save the entire code as an HTML file (e.g., `fairfield_game.html`). 2. Open the HTML file using a web browser on your smartphone. 3. The game will start automatically, and you can begin guessing the objects represented by the pictograms shown. 4. Type your guess in the text input field provided and click the "Submit" button. 5. If your guess is correct, you'll receive an alert message saying "Correct! Good job!" and your score will increase by 1. 6. If your guess is incorrect, you'll receive an alert message saying "Wrong answer. Try again!". 7. The game will continue by picking a new random pictogram for you to guess, and your score will be updated accordingly. Enjoy playing the game with the Fairfield Primary School, Widnes log as the background!

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Sure! Here's a simple game that you can play as a finished game, using Fairfield Primary School, Widnes log as the background. The game will be a simple guessing game where you have to guess the correct pictograms representing different objects found in the school log. Let's get started:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            background-image: url('fairfield_primary_school_widnes_log.jpg');
            background-size: cover;
            font-family: Arial, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            padding: 0;
        }
        
        #game {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 20px;
            background-color: rgba(255, 255, 255, 0.8);
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        }
        
        h1 {
            text-align: center;
            margin-bottom: 20px;
        }
        
        p {
            margin-bottom: 10px;
        }
        
        button {
            padding: 10px 20px;
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            cursor: pointer;
        }
        
        input {
            padding: 5px;
            font-size: 16px;
            width: 200px;
            text-align: center;
        }
    </style>
</head>
<body>
    <div id="game">
        <h1>Guess the Pictogram</h1>
        <p>Can you guess the object represented by the pictogram?</p>
        <p id="score">Score: 0</p>
        <img id="pictogram" src="" width="200" height="200" alt="Pictogram">
        <input type="text" id="guess" placeholder="Your Guess">
        <button onclick="checkGuess()">Submit</button>
    </div>

<script>
        // Define the pictograms and their associated objects
        const pictograms = {
            'pencil': 'images/pencil_pictogram.png',
            'book': 'images/book_pictogram.png',
            'apple': 'images/apple_pictogram.png',
            // Add more pictograms and objects as needed
        };

let score = 0;
        let currentPictogram = '';

function startGame() {
            score = 0;
            updateScore();
            pickRandomPictogram();
        }

function pickRandomPictogram() {
            const pictogramKeys = Object.keys(pictograms);
            currentPictogram = pictogramKeys[Math.floor(Math.random() * pictogramKeys.length)];
            document.getElementById('pictogram').src = pictograms[currentPictogram];
        }

function checkGuess() {
            const guess = document.getElementById('guess').value.toLowerCase();
            if (guess === currentPictogram) {
                score++;
                alert('Correct! Good job!');
            } else {
                alert('Wrong answer. Try again!');
            }
            updateScore();
            pickRandomPictogram();
            document.getElementById('guess').value = '';
        }

function updateScore() {
            document.getElementById('score').innerText = `Score: ${score}`;
        }

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

To make this game work, you need to create a folder called "images" and place the pictogram images (e.g., pencil_pictogram.png, book_pictogram.png, apple_pictogram.png) inside it. Adjust the file names and add more pictograms as needed.

To play the game:
1. Save the entire code as an HTML file (e.g., `fairfield_game.html`).
2. Open the HTML file using a web browser on your smartphone.
3. The game will start automatically, and you can begin guessing the objects represented by the pictograms shown.
4. Type your guess in the text input field provided and click the "Submit" button.
5. If your guess is correct, you'll receive an alert message saying "Correct! Good job!" and your score will increase by 1.
6. If your guess is incorrect, you'll receive an alert message saying "Wrong answer. Try again!".
7. The game will continue by picking a new random pictogram for you to guess, and your score will be updated accordingly.

Enjoy playing the game with the Fairfield Primary School, Widnes log as the background!