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

No:26021

←

Prev Next

→

Swim in a river
Developer User12785｜Date and time 23/11/26 5:35:15
Build time 49.704 sec｜Game capacity 1.878KB｜

Script

Sure! Here's a simple game using JavaScript that can be implemented as a single HTML file. It can be played on smartphones and uses pictograms for visuals.

Swim in a River Game

Tap the screen to move the player across the river!

You can save this code as an HTML file and open it in a web browser on your smartphone to play the game. The player, represented by a swimming pictogram, can be moved horizontally across the river by tapping or dragging on the screen.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's a simple game using JavaScript that can be implemented as a single HTML file. It can be played on smartphones and uses pictograms for visuals.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Swim in a River Game</title>
    <style>
        body {
            text-align: center;
        }
        
        #river {
            width: 400px;
            height: 200px;
            border: 2px solid blue;
            margin: 20px auto;
            position: relative;
        }
        
        #player {
            position: absolute;
            top: 150px;
            left: 190px;
        }
        
        #player img {
            height: 50px;
            width: auto;
        }
    </style>
</head>
<body>
    <h1>Swim in a River Game</h1>
    <p>Tap the screen to move the player across the river!</p>
    
    <div id="river">
        <div id="player">
            <img src="pictogram_swimmer.png" alt="Player">
        </div>
    </div>
    
    <script>
       var player = document.getElementById("player");
       var river = document.getElementById("river");

function movePlayer(event) {
           var x = event.clientX || event.touches[0].clientX;
           var y = event.clientY || event.touches[0].clientY;
           
           if(x > river.offsetLeft && x < (river.offsetLeft + river.offsetWidth - player.offsetWidth)) {
               player.style.left = (x - river.offsetLeft - (player.offsetWidth / 2)) + "px";
           }
       }
       
       document.addEventListener("touchmove", movePlayer);
       document.addEventListener("mousemove", movePlayer);
    </script>
</body>
</html>
```