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

No:26769

A game that teaches kids to stop hitting
Developer Rowdagriff｜Date and time 23/12/2 11:26:54
Build time 51.427 sec｜Game capacity 2.604KB｜

Script

Sure! Here's an example of a simple game that teaches kids to stop hitting, using pictograms. This game can be played on a smartphone.

Stop Hitting Game

In this game, there are two pictograms: one representing hitting and the other representing stop. The hitting pictogram is positioned on the left side, while the stop pictogram is positioned on the right side. When the hitting pictogram is clicked, an alert message saying "Stop hitting!" is displayed. The hitting pictogram also moves to a random position within the game container on each click. Please note that for this example, you need to replace "emozi_rabbit.png" and "emozi_all/stop.png" with the actual image file paths for the pictograms you want to use. I hope this provides a basic understanding of how you can create a game that teaches kids to stop hitting using JavaScript and pictograms!

←

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 that teaches kids to stop hitting, using pictograms. This game can be played on a smartphone.

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Stop Hitting Game</title>
</head>
<body>
    <h1>Stop Hitting Game</h1>
    <div id="game-container">
        <img src="hitting.png" alt="Hitting Pictogram" id="hitting-img">
        <img src="stop.png" alt="Stop Pictogram" id="stop-img">
    </div>
    
    <script>
        // Get the required elements
        var hittingImg = document.getElementById('hitting-img');
        var stopImg = document.getElementById('stop-img');
        var gameContainer = document.getElementById('game-container');
        
        // Set initial positions for images
        hittingImg.style.position = 'absolute';
        hittingImg.style.left = '50px';
        hittingImg.style.top = '50%';
        
        stopImg.style.position = 'absolute';
        stopImg.style.right = '50px';
        stopImg.style.top = '50%';
        
        // Add event listener to the hitting image
        hittingImg.addEventListener('click', function() {
            alert('Stop hitting!');
        });
        
        // Move the hitting image randomly on click
        hittingImg.addEventListener('click', function() {
            var maxLeft = gameContainer.offsetWidth - hittingImg.offsetWidth;
            var maxTop = gameContainer.offsetHeight - hittingImg.offsetHeight;
            
            var randomLeft = Math.floor(Math.random() * maxLeft);
            var randomTop = Math.floor(Math.random() * maxTop);
            
            hittingImg.style.left = randomLeft + 'px';
            hittingImg.style.top = randomTop + 'px';
        });
    </script>
</body>
</html>
```

Please note that for this example, you need to replace "hitting.png" and "stop.png" with the actual image file paths for the pictograms you want to use.

I hope this provides a basic understanding of how you can create a game that teaches kids to stop hitting using JavaScript and pictograms!