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

No:24779

103

←

Prev Next

→

A very advanced artificial intelligence character
Developer User11849｜Date and time 23/11/12 2:36:09
Build time 83.654 sec｜Game capacity 2.784KB｜

Script

Sure! Here's an example implementation of a simple game using JavaScript and pictograms, enclosed in script tags within a single HTML file:

Pictogram Adventure Game

In this game, the player controls a character using the arrow keys on their smartphone. The goal is to move the character and make it collect the treasure pictogram. Once the treasure is collected, a congratulatory message is displayed using the `alert` function, and the event listener for keydown events is removed so that the character cannot move anymore. Note: This implementation assumes that you have "emozi_rabbit.png" and "emozi_apple.png" image files in the same directory as the HTML file. You may need to replace these image filenames with the actual ones you have for your game.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example implementation of a simple game using JavaScript and pictograms, enclosed in script tags within a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Pictogram Adventure Game</title>
    <style>
        body {
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>Pictogram Adventure Game</h1>
    <div id="game-container">
        <img id="character" src="character.png" alt="Character">
        <img id="treasure" src="treasure.png" alt="Treasure">
    </div>
    <script>
        const character = document.getElementById("character");
        const treasure = document.getElementById("treasure");

character.style.position = "absolute";
        treasure.style.position = "absolute";

let characterX = 0;
        let characterY = 0;

function handleCharacterMove(event) {
            const key = event.key;
            const stepSize = 50;

if (key === "ArrowUp") {
                characterY -= stepSize;
            } else if (key === "ArrowDown") {
                characterY += stepSize;
            } else if (key === "ArrowLeft") {
                characterX -= stepSize;
            } else if (key === "ArrowRight") {
                characterX += stepSize;
            }

character.style.left = characterX + "px";
            character.style.top = characterY + "px";

if (checkTreasureCollected()) {
                alert("Congratulations! You found the treasure!");
                window.removeEventListener("keydown", handleCharacterMove);
            }
        }

function checkTreasureCollected() {
            const characterRect = character.getBoundingClientRect();
            const treasureRect = treasure.getBoundingClientRect();

return (
                characterRect.left < treasureRect.right &&
                characterRect.right > treasureRect.left &&
                characterRect.top < treasureRect.bottom &&
                characterRect.bottom > treasureRect.top
            );
        }
        
        window.addEventListener("keydown", handleCharacterMove);
    </script>
</body>
</html>
```

In this game, the player controls a character using the arrow keys on their smartphone. The goal is to move the character and make it collect the treasure pictogram. Once the treasure is collected, a congratulatory message is displayed using the `alert` function, and the event listener for keydown events is removed so that the character cannot move anymore.
Note: This implementation assumes that you have "character.png" and "treasure.png" image files in the same directory as the HTML file. You may need to replace these image filenames with the actual ones you have for your game.