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

No:20758

←

Prev Next

→

Sheep
Developer User8931｜Date and time 23/10/10 22:53:40
Build time 21.14 sec｜Game capacity 3.072KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript and pictograms. This game assumes smartphone operation and involves herding sheep into a pen.

Sheep Herding Game

In this game, you can touch and drag the sheep pictogram on the screen to move it around. The goal is to herd the sheep into the pen, represented by the dashed green square. Once the sheep is successfully inside the pen, an alert message will congratulate the player. Please note that the game assumes there is a sheep image file named "emozi_all/game.png" available in the same directory as the HTML file. You can replace the image source (`src`) in the `<img>` tag with your own image file if needed.

←

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 using JavaScript and pictograms. This game assumes smartphone operation and involves herding sheep into a pen.

```html
<!DOCTYPE html>
<html>
<head>
<title>Sheep Herding Game</title>
<style>
    #sheep {
        width: 100px;
        height: 100px;
        position: absolute;
    }
    
    #pen {
        width: 200px;
        height: 200px;
        position: absolute;
        top: 150px;
        left: 150px;
        border: 2px dashed green;
    }
</style>
</head>
<body>
    <h1>Sheep Herding Game</h1>
    <div id="sheep"><img src="sheep.png" alt="Sheep Pictogram"></div>
    <div id="pen"></div>

// Function to update the position of the sheep
        function updateSheepPosition() {
            const sheep = document.getElementById("sheep");
            sheep.style.left = sheepPosition.x + "px";
            sheep.style.top = sheepPosition.y + "px";
        }

// Function to handle touch input and move the sheep
        function onTouchMove(event) {
            event.preventDefault(); // Prevent scrolling

const touch = event.touches[0];
            const newX = touch.clientX;
            const newY = touch.clientY;

// Update sheep position
            sheepPosition.x = newX - 50; // Offset for sheep width
            sheepPosition.y = newY - 50; // Offset for sheep height

// Check if sheep is inside the pen
            const inPen = isSheepInPen();
            if (inPen) {
                alert("Congratulations! You herded the sheep into the pen!");
            }

// Update sheep position visually
            updateSheepPosition();
        }

// Function to check if the sheep is inside the pen
        function isSheepInPen() {
            if (
                sheepPosition.x >= penPosition.x &&
                sheepPosition.x <= penPosition.x + 200 &&
                sheepPosition.y >= penPosition.y &&
                sheepPosition.y <= penPosition.y + 200
            ) {
                return true;
            }
            return false;
        }

// Attach touch event listener
        document.addEventListener("touchmove", onTouchMove);

// Start processing
        updateSheepPosition();
    </script>
</body>
</html>
```

Please note that the game assumes there is a sheep image file named "sheep.png" available in the same directory as the HTML file. You can replace the image source (`src`) in the `<img>` tag with your own image file if needed.