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

No:4590

1826

←

Prev Next

→

deadbeat uncle
Developer User3788｜Date and time 23/6/28 11:55:25
Build time 18.352 sec｜Game capacity 1.931KB｜

Script

了解です。以下に、スマホで遊べる簡単なゲームの例を示します。

ゲーム

Score: 0

🎯

このゲームでは、スマホの画面上に表示される的をタップすることでスコアが増えます。的はランダムな場所に移動します。上記のコードを1枚のHTMLファイルとして保存し、スマホのブラウザで開くことで遊ぶことができます。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下に、スマホで遊べる簡単なゲームの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>ゲーム</title>
    <style>
        body {
            text-align: center;
        }
        #score {
            margin-bottom: 20px;
        }
        #game-area {
            font-size: 30px;
        }
    </style>
</head>
<body>
    <h1>ゲーム</h1>
    <div id="score">Score: <span id="score-value">0</span></div>
    <div id="game-area">🎯</div>

function increaseScore() {
            score++;
            document.getElementById('score-value').textContent = score;
        }

function moveTarget() {
            var area = document.getElementById('game-area');
            var windowWidth = window.innerWidth;
            var windowHeight = window.innerHeight;

var targetWidth = area.offsetWidth;
            var targetHeight = area.offsetHeight;

var maxPosX = windowWidth - targetWidth;
            var maxPosY = windowHeight - targetHeight;

var newPosX = Math.floor(Math.random() * maxPosX);
            var newPosY = Math.floor(Math.random() * maxPosY);

area.style.left = newPosX + 'px';
            area.style.top = newPosY + 'px';
        }

function handleClick(event) {
            increaseScore();
            moveTarget();
        }

window.addEventListener('load', function() {
            moveTarget();
            document.getElementById('game-area').addEventListener('click', handleClick);
        });
    </script>
</body>
</html>
```