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

No:7938

3654

←

Prev Next

→

You are an animal and can walk around in an infini..ALL
Developer anonymous｜Date and time 70/1/1 9:50:54
Build time unknown sec｜Game capacity 3.054KB｜

Script

Sure, here's a sample game that meets your requirements:

Welcome to Animal World!

Use the arrow keys to control your animal.

In the above game, you control an animal (either a tiger or a hamster) using the arrow keys. The animal moves in response to the arrow key presses, and its position is updated and visually represented within the world element. The game runs in an HTML page and can be played on a smartphone. The animal can walk around the infinite world, as long as the boundaries of the world container are not reached. Please note that you would need to provide your own images for the tiger (`emozi_all/tiger.png`) and hamster (`emozi_all/hamster.png`) if you want to use pictograms for the animals.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure, here's a sample game that meets your requirements:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Animal World</title>
    <style>
        #world {
            position: relative;
            width: 500px;
            height: 500px;
            border: 1px solid black;
        }
        .animal {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: orange;
            border-radius: 50%;
        }
        .tiger {
            background-image: url('tiger.png');
            background-size: cover;
        }
        .hamster {
            background-image: url('hamster.png');
            background-size: cover;
        }
    </style>
</head>
<body>
    <h1>Welcome to Animal World!</h1>
    <p>Use the arrow keys to control your animal.</p>
    <div id="world">
        <div id="animal" class="animal hamster"></div>
    </div>

var animal = {
            x: 250,
            y: 250
        };

document.addEventListener('keydown', function(event) {
            var moveAmount = 10;

switch (event.key) {
                case 'ArrowUp':
                    animal.y -= moveAmount;
                    break;
                case 'ArrowDown':
                    animal.y += moveAmount;
                    break;
                case 'ArrowLeft':
                    animal.x -= moveAmount;
                    break;
                case 'ArrowRight':
                    animal.x += moveAmount;
                    break;
            }

animalElement.style.top = animal.y + 'px';
            animalElement.style.left = animal.x + 'px';
        });

// To support fullscreen on mobile browsers
        document.documentElement.addEventListener('touchstart', function() {
            if (worldElement.requestFullscreen) {
                worldElement.requestFullscreen();
            } else if (worldElement.mozRequestFullScreen) { // Firefox
                worldElement.mozRequestFullScreen();
            } else if (worldElement.webkitRequestFullscreen) { // Chrome, Safari and Opera
                worldElement.webkitRequestFullscreen();
            } else if (worldElement.msRequestFullscreen) { // IE/Edge
                worldElement.msRequestFullscreen();
            }
        });
    </script>
</body>
</html>
```

Please note that you would need to provide your own images for the tiger (`tiger.png`) and hamster (`hamster.png`) if you want to use pictograms for the animals.