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

No:5434

2845

←

Prev Next

→

Meet the fur seals.
Developer User3589｜Date and time 23/6/30 2:46:57
Build time 16.207 sec｜Game capacity 1.525KB｜

Script

了解しました！以下はオットセイとの出会いを楽しむ簡単なゲームの例です。

オットセイに会おう！

このゲームでは、画面内のランダムな位置にオットセイの画像が表示されます。画像をタップすると、オットセイの位置が再びランダムに変わります。オットセイになるべく早くタップしてください！ゲームの要素は簡単ですが、スマートフォン上でプレイできるゲームとして楽しめます。画像として`emozi_all/otter.png`を用意し、同じディレクトリに保存してください。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

了解しました！
以下はオットセイとの出会いを楽しむ簡単なゲームの例です。

```html
<!DOCTYPE html>
<html>
<head>
    <title>オットセイゲーム</title>
</head>
<body>
    <h1>オットセイに会おう！</h1>
    <div id="gameArea">
        <img id="seal" onclick="moveSeal()" src="otter.png" alt="オットセイの画像" style="position: absolute; top: 0; left: 0;">
    </div>
    <script>
        function getRandomPosition() {
            var gameArea = document.getElementById('gameArea');
            var x = Math.floor(Math.random() * (gameArea.offsetWidth - 100));
            var y = Math.floor(Math.random() * (gameArea.offsetHeight - 100));
            return [x, y];
        }

function moveSeal() {
            var seal = document.getElementById('seal');
            var newPos = getRandomPosition();
            seal.style.left = newPos[0] + 'px';
            seal.style.top = newPos[1] + 'px';
        }

window.onload = moveSeal;
    </script>
</body>
</html>
```

このゲームでは、画面内のランダムな位置にオットセイの画像が表示されます。画像をタップすると、オットセイの位置が再びランダムに変わります。オットセイになるべく早くタップしてください！
ゲームの要素は簡単ですが、スマートフォン上でプレイできるゲームとして楽しめます。画像として`otter.png`を用意し、同じディレクトリに保存してください。